目录
一、盒子的特性
盒子模型:进行网页布局的重要的属性,一个页面由多个盒子组成,每个盒子的内容都不相同
特性:
(1)外边距(margin):盒子与其他元素之间的额距离
(2)内边距(padding):也称为填充距离,内容和边框之间的距离
(3)边框(border)
二、盒子模型的相关属性
1.边框属性
设置内容 |
样式属性 |
常用属性值 |
边框样式 |
border-style:上边 [右边 下边 左边]; |
none无(默认)、solid单实线、dashed虚线、dotted点线、double双实线 |
边框宽度 |
border-width:上边 [右边 下边 左边]; |
像素值 |
边框颜色 |
border-color:上边 [右边 下边 左边]; |
颜色值、#十六进制、rgb(r,g,b)、rgb(r%,g%,b%) |
综合设置边框 |
border:四边宽度 四边样式 四边颜色; |
注意:宽度、样式、颜色顺序任意,不分先后 |