CSS学习笔记（六）边框属性与盒子属性

一、边框属性

1、边框：环绕在标签宽度和高度周围的线条。

2、格式：
（1）连写
A、同时设置四条边的边框

border: 边框的宽度 边框的样式 边框的颜色

B、分别设置四条边

border-top: 边框的宽度 边框的样式 边框的颜色(bt+)
border-right: 边框的宽度 边框的样式 边框的颜色(br+)
border-bottom: 边框的宽度 边框的样式 边框的颜色(bt+)
border-left: 边框的宽度 边框的样式 边框的颜色(bl+)

注意：连写格式中颜色可省略，省略之后默认为黑色；样式不可省，省略之后看不见边框；宽度可省略，省略之后还是可以看见边框的。

border-width: 上 右 下 左;
border-style: 上 右 下 左;
border-style: 上 右 下 左;(按顺时针(上，右，下，左)赋值)
这三个属性的取值省略时的规律：
上右下左>上右下>左边的取值和右边一样
上右下左>上右>左边=右边，下边=上边
上右下左>上>右=下=左=上

（2）非连写

border-left-width: 20px;
border-le