如何使用css border-collapse屬性？相信很多人對css border-collapse屬性的了解處于一知半解狀態(tài)，小編給大家總結(jié)了以下內(nèi)容。如下資料是關(guān)于css border-collapse屬性的內(nèi)容。

超過10年行業(yè)經(jīng)驗，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：網(wǎng)站設(shè)計、成都做網(wǎng)站，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，重慶小程序開發(fā)公司，微信開發(fā)，成都App制作，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

border-collapse屬性是用于表格元素的, 可以用來設(shè)置表格的兩邊框合并為一個單一的邊框。所有主流瀏覽器都支持 border-collapse 屬性。

css border-collapse屬性怎么用？

border-collapse 屬性設(shè)置表格的邊框是否被合并為一個單一的邊框，還是像在標準的 HTML 中那樣分開顯示。

語法：

border-collapse: separate|collapse|inherit;

屬性值：

●　separate：默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。

●　collapse：如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。

●　inherit：規(guī)定應該從父元素繼承 border-collapse 屬性的值。

注釋：所有主流瀏覽器都支持 border-collapse 屬性。任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。如果沒有規(guī)定 !DOCTYPE，則 border-collapse 可能產(chǎn)生意想不到的結(jié)果。

css border-collapse屬性 示例

 





姓名
年齡


Bill
20


Steven
25

效果圖：

關(guān)于css border-collapse屬性使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果喜歡這篇文章，不如把它分享出去讓更多的人看到。