網頁佈局(div)
簡單的網頁佈局（註釋就不寫了，看看就懂了，不懂看前面的兩個博文都有詳細講解）css
效果圖：html
網頁佈局.htmlweb
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>網頁佈局</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="first">導航</div>
<div id="second">
<div id="left">左邊框</div>
<div id="center">中間邊框</div>
<div id="right">右邊框</div>
</div>
<div id="third">版權信息</div>
</body>
</html>
style.csssvg
@charset "gb2312";
/* CSS Document */
#first,#second,#third{ width:1366px; margin:0 auto; }
#first{ height:150px; background:#009; color:#FFF; padding-top:75px; padding-left:683px; }
#second{ height:200px; background:#996; margin-top:5px; }
#third{ height:100px; background:#CFF; margin-top:5px; }
#left{ width:455px; height:200px; border:1px solid #333; float:left; margin-right:5px; background:#FFF; }
#center{ width:450px; height:200px; border:1px solid #333; float:left; margin-right:5px; background:#0C3 }
#right{ width:440px; height:200px; border:1px solid #333; float:left; background:#93C }