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

　　　　-默認值為：medium none。border-color的默認值將采用文本顏色。
　　　　-要使用該屬性，必須先設(shè)定對象的height或width屬性，或者設(shè)定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;

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

?

?

復(fù)合寫法示例：

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;

?

?

　　

轉(zhuǎn)載于:https://www.cnblogs.com/chosen-man/p/6682549.html

總結(jié)

以上是生活随笔為你收集整理的2_常用样式-border的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。