1.將“第一步”提到的五個部分都放入盒子中,在html文件中寫入:
<div id="page-container"> <div id="main-nav">Main Nav</div> <div id="header">Header</div> <div id="sidebar-a">Sidebar A</div> <div id="content">Content</div> <div id="footer">Footer</div> </div>
表現(xiàn)如下:
2.為了將五個部分區(qū)分開來,我們將這五個部分用不同的背景顏色標示出來,在css文件寫入:
#main-nav { background: red; height: 50px; } #header { background: blue; height: 150px; } #sidebar-a { background: darkgreen; } #content { background: green; } #footer { background: orange; height: 66px; }
表現(xiàn)如下:
出處:Jorux Notebook
責任編輯:moby
上一頁 創(chuàng)建html模板及文件目錄等 下一頁 網(wǎng)頁布局與div浮動等
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|