一、基础属性
盒子模型：将HTML页面中的元素看作是一个矩形盒子，也就是一个盛装内容的容器。每个元素都由元素的内容（content）、内边距(Padding)、外边距(Margin)和边框(Border)组成
不同部分的说明：
content(内容)：盒子的内容，显示文本和图像。
border(边框)：围绕在内边距和内容外的边框。
padding(内边距)：清除内容周围的区域，内边距是透明的。
margin(外边距)：清除边框外的区域，外边距是透明的。
通过对盒子模型的属性对段落文本进行控制：
二、边框属性
| 设置内容 | 样式属性 | 常用属性值 |
| 边框样式 | border-style:上 右 下 左（上 ，左右 , 下）（上下 , 左右）（上下左右） | 像素值px |
| 边框宽度 | border-width:上 右 下 左（上 ，左右 , 下）（上下 , 左右）（上下左右） | 颜色值、rgb(r,g,b)、rgb(r%,g%,b%)、英文名称。 |
| 边框颜色 | border-color:上 右 下 左（上 ，左右 , 下）（上下 , 左右）（上下左右） | |
| 综合设置边框 | border:四边宽度 四边样式 四边颜色 | |
| 圆角边框 | border-raidus：水平/垂直半径参数 | 像素或百分比 |
| 图片边框 | border-images:图片路径 边框宽度/裁切方式/边框扩展距离 重复方式； |
ps：具体事宜：图片对照就ok了