本篇文章為大家展示了怎么用border-style屬性，代碼簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司于2013年成立，先為詔安等服務(wù)建站，詔安等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為詔安企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

  border-style屬性用于同時(shí)為一個(gè)元素的四個(gè)邊框設(shè)置樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。

CSS border-style屬性

作用：用于設(shè)置元素所有邊框的樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。它可以有一到四個(gè)值，例：

p.one {border-style:dotted dashed solid double;}
p.two {border-style:dotted solid double;}
p.three {border-style:dotted solid;}
p.four {border-style:dotted;}

效果圖：

說(shuō)明：只有當(dāng)border-style屬性的值不是 none 時(shí)邊框才可能出現(xiàn)。

可以設(shè)置的屬性值：

none：定義無(wú)邊框。

hidden：與 "none" 相同。不過(guò)應(yīng)用于表時(shí)除外，對(duì)于表，hidden 用于解決邊框沖突。

dotted：定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線(xiàn)。

dashed：定義虛線(xiàn)。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線(xiàn)。

solid：定義實(shí)線(xiàn)。

double：定義雙線(xiàn)。雙線(xiàn)的寬度等于 border-width 的值。

groove：定義 3D 凹槽邊框。其效果取決于 border-color 的值。

ridge：定義 3D 壟狀邊框。其效果取決于 border-color 的值。

inset：定義 3D inset 邊框。其效果取決于 border-color 的值。

outset：定義 3D outset 邊框。其效果取決于 border-color 的值。

inherit：規(guī)定應(yīng)該從父元素繼承邊框樣式。

CSS border-style屬性的使用示例

dotted邊框
dashed邊框
solid邊框
double邊框
groove邊框
ridge邊框
inset邊框
outset邊框

效果圖：

上述內(nèi)容就是怎么用border-style屬性，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。