国产成人国产在线观看,欧美日韩精品久久久久免费看,日韩中文字幕高清在线专区

css 設(shè)置tr的邊框

有時候有設(shè)置tr邊框的需求，寫下如下css

tr{

border-bottom: 1px solid red;

}

發(fā)現(xiàn)不起作用，后來在w3c上查了查，原來只有table，th和td有獨立的邊框，tr并無邊框。

但我想實現(xiàn)每一行都存在下邊框，其他邊框不存在，該怎么辦呢？

有兩種實現(xiàn)方法：

方法1：

table{

border-collapse: collapse;

}

tr{

border-bottom: 1px solid red;

}

解釋，border-collapse: collapse; 將table，th和td的邊框合成單一的邊框，此時在使用tr就可以達到目的。

方法2：

先在table標簽里面設(shè)置cellspacing等于0，

然后，

td{

border-bottom: 1px solid red;

}

解釋，如何不設(shè)置cellspacing等于0，直接設(shè)置td的下邊框，則下邊框會不連續(xù)，因為cellspacing不為零，單元格于單元格之間存在間隙。

轉(zhuǎn)自：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司