首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

一个简单的css+div布局实例,让你很明了的了解如何布局

2012-10-31 
一个简单的css+div布局实例,让你很明了的了解怎么布局!一个简单的css+div布局实例,让你很明了的了解怎么布

一个简单的css+div布局实例,让你很明了的了解怎么布局!

一个简单的css+div布局实例,让你很明了的了解怎么布局!


分析它的结构,有以下几个部分:黑色的头部,蓝色的主体,拆分成红色的变蓝,和右边的导航及主体部分,最下面的黄色是底部,结构相当简单,现在开始写它的css了,
定义最上面的黑色为header: ??<div id="mainbox"> ??<div id="sidebar"> ??</div> ??<div id="menu">4323434</div> ??<div id="content"> ????<div align="left"><img src="200832420432288343.jpg" alt="一个简单的css+div布局实例,让你很明了的了解如何布局" width="502" height="361"></div> ??</div> </div> <div id="footer">这里是foot部分,放置版权啥的</div> </BODY>
刷新发现,是如图效果,但是,所有的div都是靠左边,怎么才能居中呢??原因是我们没有定义body里元素的位置,所以css里加上: ??<div id="mainbox"> ??<div id="sidebar"> ??</div> ??<div id="menu">4323434</div> ??<div id="content"> ????<div align="left"><img src="200832420432288343.jpg" alt="一个简单的css+div布局实例,让你很明了的了解如何布局" width="502" height="361"></div> ??</div> </div> <div id="footer">这里是foot部分,放置版权啥的</div> </BODY> </HTML>
更多div+css布局,可以来http://www.cndorm.com/html/117/这里交流

热点排行