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

Dreamweaver基础教程-DIV常用的标签有哪些

时间:2024-10-12 21:24:17

1、div是网页设计中最经常用到的块状标签,任何形式的网页都可以由div构建而成。

Dreamweaver基础教程-DIV常用的标签有哪些

2、单独div标签属性中经常会用到宽度和高度标签:width和height:对框架设置宽高度

Dreamweaver基础教程-DIV常用的标签有哪些

3、添加了宽度和高度,然后还需要对其添加背景颜色来让人们肉眼可识,添加背景颜色的代码是:background-color:

Dreamweaver基础教程-DIV常用的标签有哪些
Dreamweaver基础教程-DIV常用的标签有哪些

4、对div添加外边距设置 margin; margin砜实蛰斓:100px;意思是对div上下左右添加边距均为100px;也可以疟觥窖捎单独与其中一个方向设置外边距:margin-left;margin-right;margin-top;margin-bottom;

Dreamweaver基础教程-DIV常用的标签有哪些
Dreamweaver基础教程-DIV常用的标签有哪些

5、如果想要将div居中,可以输入margin:0 auto; 第一个数值距离上面为0;auto是自由的意思,左右自由时,就将div挤到了中间位置

Dreamweaver基础教程-DIV常用的标签有哪些
Dreamweaver基础教程-DIV常用的标签有哪些

6、边框:border;对div添加边框颜色大小。 border:solid 5px red;意思是对边框添加的是实体线、大小为5像素、颜侣忒簿红色为红色。三个属性可以换位置,比如border:5px solid red; 线的类别solid 还可以选择虚线 dashed ;

Dreamweaver基础教程-DIV常用的标签有哪些
Dreamweaver基础教程-DIV常用的标签有哪些

7、内填充:padding;可以对div添加外边距自然也可以添加内填充效果;添加了内填充后,div图形的大小一定要加上填充的数值才是现在的数值。

Dreamweaver基础教程-DIV常用的标签有哪些
Dreamweaver基础教程-DIV常用的标签有哪些
© 手抄报圈