這篇文章主要為大家詳細(xì)介紹了css清除邊框線的方法，文中示例代碼介紹的非常詳細(xì)，圖文詳解容易學(xué)習(xí)，非常適合初學(xué)者入門，感興趣的小伙伴們可以參考一下。

專注于為中小企業(yè)提供成都網(wǎng)站制作、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)西平免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

CSS 邊框即CSS border是控制對(duì)象的邊框邊線寬度、顏色、虛線、實(shí)線等樣式CSS屬性。

Html表格控制邊框：

border="1" bordercolor="#000000"

說明：控制表格邊框?qū)挾葹?px，css顏色為黑色，默認(rèn)為實(shí)線樣式邊框。

1、四個(gè)邊框

border-left 設(shè)置左邊框，一般單獨(dú)設(shè)置左邊框樣式使用

border-right 設(shè)置右邊框，一般單獨(dú)設(shè)置右邊框樣式使用

border-top 設(shè)置上邊框，一般單獨(dú)設(shè)置上邊框樣式使用

border-bottom 設(shè)置下邊框，一般單獨(dú)設(shè)置下邊框樣式使用,有時(shí)可將下邊框樣式作為css下劃線效果應(yīng)用。

2、四邊相同邊框border簡寫

#php{border:1px solid #00F}

設(shè)置了php對(duì)象盒子1px像素藍(lán)色實(shí)線邊框

3、邊框三個(gè)樣式

通常我們可以對(duì)邊框設(shè)置寬度（厚度）、邊框樣式、邊框顏色這三個(gè)屬性與參數(shù)。

1）、邊框顏色：border-color:#000

2）、邊框厚度（寬度）：border-width:1px

使用數(shù)字+單位設(shè)置邊框厚度寬度，如1px(邊框厚度寬度為1像素)，邊框必須為正數(shù)字，大于0的數(shù)值。否則設(shè)置邊框border樣式無效。

3）、border邊框樣式：border-style:solid

邊框樣式值如下：

none : 　無邊框。與任何指定的border-width值無關(guān)

hidden : 　隱藏邊框。IE不支持

dotted : 　在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為點(diǎn)線。否則為實(shí)線（常用）

dashed : 　在MAC平臺(tái)上IE4+與WINDOWS和UNIX平臺(tái)上IE5.5+為虛線。否則為實(shí)線（常用）

solid : 　實(shí)線邊框（常用）

double : 　雙線邊框。兩條單線與其間隔的和等于指定的border-width值

groove : 　根據(jù)border-color的值畫3D凹槽

ridge : 　根據(jù)border-color的值畫菱形邊框

inset : 　根據(jù)border-color的值畫3D凹邊

outset : 　根據(jù)border-color的值畫3D凸邊

關(guān)于css清除邊框線方法就分享到這里了，當(dāng)然并不止以上和大家分析的辦法，不過小編可以保證其準(zhǔn)確性是絕對(duì)沒問題的。希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

分享名稱：css清除邊框線-創(chuàng)新互聯(lián)
文章源于：http://weahome.cn/article/dipjjc.html