新聞中心
如何使用css border-collapse屬性?相信很多人對(duì)css border-collapse屬性的了解處于一知半解狀態(tài),小編給大家總結(jié)了以下內(nèi)容。如下資料是關(guān)于css border-collapse屬性的內(nèi)容。
超過10年行業(yè)經(jīng)驗(yàn),技術(shù)領(lǐng)先,服務(wù)至上的經(jīng)營模式,全靠網(wǎng)絡(luò)和口碑獲得客戶,為自己降低成本,也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了:網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,成都網(wǎng)站推廣,成都網(wǎng)站優(yōu)化,整體網(wǎng)絡(luò)托管,重慶小程序開發(fā)公司,微信開發(fā),成都App制作,同時(shí)也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意!
border-collapse屬性是用于表格元素的, 可以用來設(shè)置表格的兩邊框合并為一個(gè)單一的邊框。所有主流瀏覽器都支持 border-collapse 屬性。
css border-collapse屬性怎么用?
border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框,還是像在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示。
語法:
border-collapse: separate|collapse|inherit;
屬性值:
● separate:默認(rèn)值。邊框會(huì)被分開。不會(huì)忽略 border-spacing 和 empty-cells 屬性。
● collapse:如果可能,邊框會(huì)合并為一個(gè)單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性。
● inherit:規(guī)定應(yīng)該從父元素繼承 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)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果喜歡這篇文章,不如把它分享出去讓更多的人看到。
網(wǎng)站名稱:如何使用cssborder-collapse屬性
瀏覽路徑:http://www.dlmjj.cn/article/jicodc.html