border的使用

border的设置:

只能设置边框的宽度  边框的表现方式（虚线或者是上线……）  边框的颜色

 解释:设置div的边框的大小为1px 实线  颜色为红色  设置的是四个方向

div{
  border:1px solid red;
}

单独设置一个方向 如上方  上方的边框大小为1px  实线  颜色为红色

div{
  border-top:1px solid red
}

分开来进行设置

border-top-width：10px;
//  上方边框的宽度为20px 只能设置宽度来进行改变大小  不能设置高度

border-top-style:solid;   
// 上方边框为实线  

border-top-color:red;
//上方边框的颜色为红色

注意：如果border的设置为 border-top-style:double;

          那么 是以平分border的宽度  两边对齐的方式进行展示

效果：

注意点

虽然不能设置border的height  只能设置border的width  但是实际上是以height来进行展示的