手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 17:04:46

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

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

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

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

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

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

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

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

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

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

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

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

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

© 手抄报圈