- 1）作用
1，进行网页布局
2，网页中的盒子的组成
-> border边框 盒子的边框
->padding内边距 盒子与内容之间的距离
->margin外边距 盒子与盒子之间的距离 - border
->border-width:边框宽度
->border-style:边框样式
solid：边框为实线
dotted：边框为点线
dashed：边框为虚线
->border-color:边框的颜色
<style type="text/css">
div{
width: 300px;
height: 300px;
border-width: 10px;
border-style: dotted;
border-color: red;
}
</style>
border属性连写：border: 2px solid red;
1，没有先后顺序
2，不写solid就没有效果
- border属性的设置
1,
border-top-width: 1px;
border-top-style: solid;
border-top-color: pink;
2,
border-top: 1px solid green;