风故故，也依依

Stand still in the wind.

导航

CSS创建三栏网页布局---CSS基础教程

  <body>
　　<div id="header">
　　<h1>Header</h1>
　　</div>
　　<div id="left">
　　软件音速--左
　　</div>
　　<div id="right">
　　软件音速---右
　　</div>
　　<div id="middle">
　　软件音速---中间　　

           </div>
　　<div id="footer">
　　软件音速--页脚
　　</div>
　　</body>

　　下面是CSS代码：

　　body {
　　margin: 0px;
　　padding: 0px;
　　}
　　div#header {
　　clear: both;
　　height: 50px;
　　background-color: aqua;
　　padding: 1px;
　　}
　　div#left {
　　float: left;
　　width: 150px;
　　background-color: red;
　　}
　　div#right {
　　float: right;
　　width: 150px;
　　background-color: green;
　　}
　　div#middle {
　　padding: 0px 160px 5px 160px;
　　margin: 0px;
　　background-color: silver;
　　}
　　div#footer {
　　clear: both;
　　background-color: yellow;
　　}

posted on 2007-04-30 14:39  jadmin  阅读(150)  评论(0)    收藏  举报