css快速入门.ppt

4、rder:10pxsolid#CCFF00;}3.单列居中方框中设置。-边界。#main01{background-color:#F2FAD1;height:250px;width:75%;border:10pxsolid#CCFF00;margin-left:auto;margin-top:0px;margin-right:auto;margin-bottom:0px;}二列式布局建两DIV#divleft{background-color:#F2FAD1;float:left;height:250px

5、;width:250px;border:10pxsolid#CCFF00;}#divright{background-color:#FFF5CE;float:left;height:250px;width:250px;border:10pxsolid#FFCC00;}Float为在方框中设置。Border为在边框中设置。1.二列固定宽度Position、left、top为在定位中设。类型、定位..#divleft{background-color:#F2FAD1;float:left;height:250

6、px;width:250px;border:10pxsolid#CCFF00;position:absolute;left:10px;top:0px;}可定义DIV为:#divright{background-color:#FFF5CE;height:250px;width:250px;border:10pxsolid#FFCC00;margin-left:300px;}原来的DIV为:均用绝对方式表示：#divleft{background-color:#F2FAD1;float:left;height

7、:250px;width:250px;border:10pxsolid#CCFF00;position:absolute;left:10px;top:12px;}#divright{background-color:#FFF5CE;height:250px;width:250px;border:10pxsolid#FFCC00;margin-left:300px;position:absolute;}两列自适应宽度#divleft{background-color:#F2FAD1;float:left;h

8、eight:250px;width:25%;border:10pxsolid#CCFF00;margin:10px;}#divright{background-color:#FFF5CE;height:250px;width:60%;border:10pxsolid#FFCC00;margin:10px;float:right;}布满浏览器的效果,避免使用边框和边界属性。如下:#divleft{background-color