1.边框实现

语法：

是style里面的一部分

border:width style color;

边框样式为必填项，分为：

2.单边框设置

分别设置某一方向的边框，取值：width style color;

3.圆角边框

1. 属性：border-radius指定圆角半径
2. 取值：像素值或百分比
3. 取值规律：

4.轮廓线

1. 属性：outline
2. 取值：width style color
3. 区别：边框实际占位，轮廓不占位
4. 特殊：取none可以取消文本输入框默认轮廓线

5.盒阴影

1. 属性：box-shadow
2. 取值：h-shadow-shadow blur spread color;;
3. 使用：不管是浏览器窗口还是元素自身都可以构建坐标系，统一以左上角为原点，向右向下为X轴和Y轴的正方向

6.盒模型概念

1. 在模型中，它规定了元素处理内容、内边距、边框和外边距的方式
2. 最内是内容，包围内容的是内边距，内边距的边缘是边框
3. 边框以外是外边距，外边距默认是透明的

内边距

1. 属性：padding
2. 作用：调整元素内容框与边框之间的距离
3. 取值：单位是px或百分比，但不允许使用负值

外边距

1. 属性：margin
2. 作用：调整元素与元素之间的距离
3. 特殊：

• margin:0;取消默认外边距
• margin:0 auto;左右自动外边距，实现元素在父元素范围内水平居
• margin:-10px;元素位置的微调

4：单方向外边距：只取一个值

5.外边距合并

(1).垂直相遇合并