Dreamweaver CS6如何应用：[35]容器补白属性

容器是CSS3技咀钯溘噻术中的重要元素之一，通过容器属性可以实现对页面元素的准确定位。CSS中的所有文档元素都会生成一个由边界、框边殪讧唁跬等元素组成的矩形框，这个矩形框就是盒模型。补白属性在盒模型内是串联宽度和高度的属性。

工具/原料

DreamweaverCS6

方法/步骤

1、•在网页设计中，补白属性padding是一个不可继承的属性，其具体语法格式如下：padding:长度值/百分比值

2、具体操作如下：新建一个HTML空白页

3、在菜单栏中选择‘插入’---‘布局对象’---‘div',弹出’插入DIV标签‘对话框，单击’新建CSS规则‘

4、命名为’aaa'，在弹出的对话框中，在’分类‘的’方框‘中，设置’宽‘为200像素，高为80像素，设置背景色为红色

5、再插入一个DIV标签，把光标向下移，与前面aaa区别开来，然后再弹出的‘插入DIV标签’中选择‘在插入点’

6、同样新建CSS规则，设置宽户洧钭由慰200像素，高为80像素，与前面一个DIV标签一样，背景色为黄色，填充为20，命名为bbb,如下图：

7、两者对比效果如下图：

8、可以看出他们的宽和高都是相同的，但是因为bbb设置了填充，所以在原来宽和高的基础上四周多出了20像素的补白。这就是补白属性