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常用的标签有哪些
  • 如何用PS做简约海报
  • Ps球体渐变效果
  • PS中怎么给图片做高斯模糊的效果
  • PS通道混合器输出通道为绿时如何调整常数
  • Dreamweaver CS3媒体的应用
  • 热门搜索
    国庆节 手抄报 国庆小报手抄报 平安校园手抄报内容 端午节的手抄报 简单 法在我心中手抄报 校园文明礼仪手抄报 反对邪教手抄报内容 家规家训手抄报 讲文明懂礼貌的手抄报 科技改变生活手抄报