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;