盒子模型—边框：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>盒子模型-边框</title><style>.box1{width: 200px;height: 200px;background-color: #bfa;/*border-width可以用来指定四个方向的边框的宽度值情况：四个值：上 右 下 左三个值：上 左右 下两个值：上下 左右一个值：上下左右border-xxx-widthtop right bottom leftcolor syle类似border-width: 10px(上) 20px(右) 30px(下) 40px(左);*/border-width: 10px;border-color: red;/*solid 实线dotted 点状虚线dashed 虚线double 双线默认值：none*/border-style: solid;/*border简写属性,通过该属性可以同时设置边框所有的相关样式,并且没有顺序限制borer-top,border-right,border-bottom,border-left*/border: solid 10px orange;}</style></head><body><div class="box1"></div></body></html>
