Learn-Geek

單欄式網頁排版設計 < style type = "text/css" > #Header { width : 360px ; height : 80px ; text-align : center ; line-height : 80px ; font-size : 15px ; color : #fffaf3 ; font-weight : bold ; background-color : #f9c81e ; } #body { width : 360px ; height : 400px ; text-align : center ; line-height : 280px ; font-size : 15px ; color : #f9c81e ; font-weight : bold ; background-color : #1cf027 ; float : left ; } #Footer { width : 360px ; height : 50px ; text-align : center ; line-height : 50px ; font-size : 15px ; ...

二欄式網頁排版設計: <! DOCTYPE HTML PUBLIC > < style type = "text/css" > #Header { width : 360px ; height : 80px ; text-align : center ; line-height : 80px ; font-size : 15px ; color : #fffaf3 ; font-weight : bold ; background-color : #f9c81e ; } #Sidebar { width : 120px ; float : left ; height : 280px ; text-align : center ; line-height : 280px ; font-size : 15px ; color : #ffffff ; font-weight : bold ; background-color : #6a54e2 ; } #body { width : 240px ; height : 280px ; text-align : center ; line-height : 280px ; f...

三欄式網頁排版設計: <! DOCTYPE HTML PUBLIC > < html > < head > < title > Free Css Layout 1 </ title > < meta http-equiv = "content-type" content = "text/html; charset=UTF-8" > </ head > < body > < style type = "text/css" > #sitebody { width : 600px ; margin : 0 auto ; font-size : 13px ; } #header { background-color : rgb ( 218 , 230 , 59 ); height : 80px ; text-align : center ; line-height : 80px ; } #sidebar_left { background-color : rgb ( 233 , 92 , 92 ); width : 120px ; height : 400px ; ...