元素外邊距內(nèi)就是元素的的邊框 (border)。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊據(jù)的一條或多條線.

創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、網(wǎng)站設計與策劃設計,溧水網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:溧水等地區(qū)。溧水做網(wǎng)站價格咨詢:028-86922220

邊框的樣式 (border-style)

樣式是邊框最重要的一個方面，這不是因為樣式控制著邊框的顯示（當然，樣式確實控制著邊框的顯示），而是因為如果沒有樣式，將根本沒有邊框。

a,css 邊框樣式分為10種不同的非inherit樣式：如下：

統(tǒng)一風格

1，none 無邊框

2，solid 直線邊框

3，dashed 虛線邊框

4，dotted 點狀邊框

5，double 雙虛線邊框

6，groove 凸槽邊框

7，ridge 壟狀邊框

8，inset  inset邊框

9，outset outset邊框

10，inherit繼承

b,定義單邊樣式 分為以下4種樣式

單獨風格

1，border-bottom-style 下邊邊框樣式

2，border-top-style  上邊邊框樣式

3，border-left-style  左邊邊框樣式

4，border-right-style  右邊邊框樣式

因此這兩種方法是等價的：

p {border-style: solid solid solid none;}

p {border-style: solid; border-left-style: none;}

注意：如果要使用第二種方法，必須把單邊屬性放在簡寫屬性之后。因為如果把單邊屬性放在 border-style 之前，簡寫屬性的值就會覆蓋單邊值 none。

邊框?qū)挾龋╞order-width）

統(tǒng)一風格

border-width屬性值：

1，thin 細邊框

2，medium中等邊框

3，thick粗邊框

4，px固定值邊框

5，inherit 繼承

p {

border-style: solid;

border-width: thick;

}

等同于

p {

border-style: solid;

 border-width: 5px;

}

單邊寬度

p {

border-style: solid;

border-width: 15px 5px 15px 5px;

}

也等同于

p {

 border-style: solid;

 border-top-width: 15px;

 border-right-width: 5px;

 border-bottom-width: 15px;

 border-left-width: 5px;

 }

邊框顏色（border-color）

統(tǒng)一風格

p {

 border-style: solid;

 border-color: blue red;

 }

單獨風格

1，border-top-color   上邊框顏色

2，border-bottom-color  下邊框顏色

3，border-left-color  左邊框顏色

4，border-right-color  有邊框顏色

h2 {

 border-style: solid;

 border-color: black;

 border-right-color: red;

 }

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

名稱欄目：css邊框?qū)傩栽敿毧偨Y(jié)-創(chuàng)新互聯(lián)
分享鏈接：http://sd-ha.com/article30/jjppo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站導航、響應式網(wǎng)站、網(wǎng)站維護、Google、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)