网课邦

当前位置:首页 > 网课资讯

网课资讯

DIV+CSS网页框架代码求助

时间:2025-08-31 16:07:12 作者:暂无作者 浏览量:
内容页左侧

  ----- HTML CODE -----

<div id="wrap">

<div id="header">这里放置页眉</div>

<div id="left_sidebar">这里是左侧栏</div>

<div id="right_sidebar">这里是右侧栏</div>

<div id="footer">这里是页脚</div>

</div>

---- CSS CODE ------

div {border:1px solid 33; padding:10px 0;}

wrap { width:900px ; margin:0 auto; padding:0;}/ width指定框架宽度,margin使所有框架居中 /

header { text-align:center; margin:0 20px;}

left_sidebar { float:left; width:30%;}

right_sidebar { margin:0 0 0 30%;}

footer {clear:both;}

=================================

《无懈可击的Web设计》一书中专门有一章来介绍巧妙的CSS布局,很值得学习,推荐一下吧。