边框的属性、四个方向的边框

border属性：

• border属性需要三个要素
• border：1px solid red;线宽、线型、颜色

线型

线型值	意义
solid	视线
dashed	虚线
dotted	点状线

边框的三要素小属性

• 边框三要素可以拆分为小属性
  |小属性| 意义 |
  |–|--|
  border-width|线宽
  border-style| 线型
  border-color|线颜色

书写小属性可以帮助层叠大属性

---

四个方向的边框：

属性	意义
border-top	上边框
border-right	右边框
border-bottom	下边框
border-left	左边框

四个方向边框的三要素小属性

属性	意义
border-top-width	上边框宽度
border-top-style	上边框线型
border-top-color	上边框颜色
border-right-width	右边框宽度
border-right-style	右边框线型
border-right-color	右边框颜色
border-bottom-width	下边框宽度
border-bottom-style	下边框线型
border-bottom-color	下边框颜色
border-left-width	左边框宽度
border-left-style	左边框线型
border-left-color	左边框颜色

---

去掉边框：

• border-left：none；属性即可去掉左边框，其他的以此类推

---

可以利用边框做出三角形：