边框属性border

一.border属性格式

• border:1px solid red;
• border:边框的宽度 边框的样式 边框的颜色
  注意点：
  1.连写格式中颜色属性可以省略, 省略之后默认就是黑色
  2.连写格式中样式不能省略, 省略之后就看不到边框了
  3.连写格式中宽度可以省略, 省略之后还是可以看到边框

二、连写（分别设置边框）

• border-top: 边框的宽度 边框的样式 边框的颜色;
• border-right: 边框的宽度 边框的样式 边框的颜色;
• border-bottom: 边框的宽度 边框的样式 边框的颜色;
• border-left: 边框的宽度 边框的样式 边框的颜色;
  快捷键:
  bt+ border-top: 1px solid #000;
  br+
  bb+
  bl+
  

  ---

• border-width: 上 右 下 左;
• border-style: 上 右 下 左;
• border-color: 上 右 下 左;
  注意点
  1.上 右 下 左 > 上 右 下 > 左边的取值和右边的一样
  2.上 右 下 左 > 上 右 > 左边的取值和右边的一样 下边的取值和上边一样
  3.上 右 下 左 > 上 > 右下左边取值和上边一样
  

  ---

  
  非连写(方向+要素)
  border-left-width: 20px;
  border-left-style: double;
  border-left-color: pink;