## 边框(border)
border是个比较灵活的属性，它有border-width、border-style、border-color三个子属性。
1. border-width:数字+单位;
2. border-style: none || hidden || dashed || dotted || double || groove || inset || outset || ridge || solid ;
3. border-color: 颜色 ;
它可以按照width、style和color的顺序简写：
`border: 5px solid #369;`
有的时候，border可以写的更简单些，有些值可以省掉，但是请注意哪些是必须的，你也可以测试一下：
1. border:groove red; //大家猜猜这个边框的宽度是多少？
2. border:solid; //这会是什么样子？
3. border:5px; //这样可以吗？
4. border:5px red; //这样可以吗？？
5. border:red; //这样可以吗？？？
通过上面的代码可以了解到，border默认的宽度是3px，默认的色彩是black——黑色。默认的颜色是该规则中的color属性的值，而color默认是黑色的。border的缩写中border-style是必须的。
同时，还可以对每条边采用缩写：
`border-top: 4px solid #333;
border-right: 3px solid #666;
border-bottom: 3px solid #666;
border-left: 4px solid #333;`
还可以对每个属性采用缩写：
`border-width: 1px 2px 3px;
border-style: solid dashed dotted groove;
border-color: red blue white black;`
