HTML学习——HTML布局

新建Notepad并打开

使用 <div> 元素的 HTML 布局

页眉 #header { background-color:black; color:white; text-align:center; padding:6px; }

左侧导航条 #nav { line-height:50px; backgrund-color:gray; height:300px; width:100px; float:left; padding:8px; }

右侧正文 #section { width:350px; float:left; padding:5px; }

页脚 #footer { background-color:black; color:white; clear:both; text-align:centet; padding:5px; }

另存为HTML格式到桌面

打开HTML桌面生成的网页