2_經常使用樣式-border

　　　　

　　CSS border是控制對象的邊框邊線寬度、顏色、虛線、實線等樣式CSS屬性,是複合屬性。

　　　　-默認值爲：medium none。border-color的默認值將採用文本顏色。
　　　　-要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性爲absolute。

 

示例：

　　

border-width: 10px;
border-style: solid;
border-color: rgb(9, 158, 106); 
border-color: #aaccce; 

多值寫法示例：

　　

border-width: 5px 10px 20px;
border-style: solid dashed;
border-color: red blue yellow green; 
border-left-width: 20px;
border-right-style: dashed;
border-top-color: blue;

兩個值：上下 左右
三個值：上 左右 下
四個值：上 右 下 左

 

 

複合寫法示例：

border: 5px solid red;
border-bottom: 5px solid red;

　

　　　　另外，在同一個元素中，兩條相交的邊框，相交的地方是斜邊，因此咱們能夠以此特性製做一個三角形；

width: 0;
height: 0;
border-top: solid #000;
border-left: solid transparent;（透明）
border-right: solid transparent;
border-width: 50px;