1，边框（border） 边框要在网页中显现出来要具备几个个属性：边框的高度，边框的宽度，color（颜色），width（线条的粗细）,style(风格，比如虚线，实线，点状，双实线等等） 例如我们来写一个实线边框
2， 边框的style属性有好几种，例如：
双实线 border-style: double;
虚线 border-style: dashed;
![]K{7{NXN~H4%55XD03DQ_Y5.png](p6-juejin.byteimg.com/tos-cn-i-k3…?)
点状线 border-style: dotted;
3,边框的四个边的颜色可以不同：上下左右四条边框分别以代码显示，例如：
上边框：border-top
下边框：border-bottom
左边框：border-left
右边框：border-right
每天边框还能改成不同的颜色，例如
除了图上的代码，也可以用快捷的方式写出同样效果的代码,只要写出四个颜色英文，颜色顺序1234分别代表上右下左，例如以下代码
border-color：red blue black green ;
如果我们想要将上下框一个红色，左右框一个蓝色，那么代码如下：
border-color：red blue;
如果border-color：red blue black;那么red红色代表上边框颜色，中间的blue蓝色代表左边边框的颜色，第三个black黑色则代表下边框颜色
同理，边框的每条边的粗细也可以改变，只需要在border-width之间加上上下左右的英文即可 例如 我们把上边框的宽度改成px，右边框宽度4px，下边框宽度6px，左边框宽度8px
除了图上的代码，也可以用快捷的方式写出同样效果的代码,只要写出四个像素px值，顺序1234分别代表上右下左，例如以下代码
border-width:2px 4px 6px 8px;
如果我们想要将上下框4px，左右框一8px，那么代码如下：
border-width:4px 8px
如果border-width：2px 4px 8px;那么2px值代表上边框厚度，中间的4px值代表左边边框的厚度，第三个8px则代表下边框厚度
边框的风格也可以用上面的方法来改变每天边框的样式风格。
