2、ersCSS排版观念设计各块的位置5CSS排版观念用CSS定位6body{margin:0px;font-size:13px;font-family:Arial;}#container{position:relative;width:100%;}#banner{height:80px;border:1pxsolid#000000;text-align:center;background-color:#a2d9ff;padding:10px;margin-bottom:2px;}#content{float:left;text-align:c
3、enter;padding-right:200px;/*内容往回挤200px*/}#links{float:right;width:200px;border:1pxsolid#000000;text-align:center;}固定宽度且居中的版式方法一7body,html{margin:0px;text-align:center;}#container{position:relative;margin:0auto;width:700px;text-align:left;}固定宽度且居中的版式方法二8body,html{margin:0px;}#container
4、{position:relative;left:50%width:700px;margin-left:-350px;}左中右排版HTML布局9
left
right
块的背景色问题用背景图片填补空白10#container{margin:0px;padding:0px;background:url(bg2.jpg)repeat-y;/*用背景图片填补#left的空白,又不影响#right*/}5、总结本章介绍了CSS排版的观念,讲解了常用的几种排版方法,着重指出在排版中遇到的块的背景色问题的解决方法,以及通过总结目前网页制作中使用最多的表格排版的优点和缺点分析了div排版与传统的表格方式排版的区别。11
此文档下载收益归作者所有