如何編寫讓Table的TD有邊框而Table右左沒有邊框的CSS樣式

這篇文章主要介紹“如何編寫讓Table的TD有邊框而Table右左沒有邊框的CSS樣式”，在日常操作中，相信很多人在如何編寫讓Table的TD有邊框而Table右左沒有邊框的CSS樣式問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何編寫讓Table的TD有邊框而Table右左沒有邊框的CSS樣式”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

比如這樣一個CSS

代碼如下:

.td3{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; //顯示右邊框為1px，如果不想顯示就為0px
BORDER-TOP: #f9f9f9 0px solid; //顯示上邊框為1px，如果不想顯示就為0px
BORDER-LEFT: #f9f9f9 0px solid;//顯示左邊框為1px，如果不想顯示就為0px
BORDER-BOTTOM: #f5f5f5 0px solid;//顯下右邊框為1px，如果不想顯示就為0px
}

在你調用顯示這個樣式的TD里調用class="td3"
就可以了
比如：

代碼如下:

<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="td3"></td><td class="td3"></td class="td3"><td></td class="td3"><td></td></tr>
</table>

一樣可以的，你變通下哈
比如你定義一個

代碼如下:

.table1{}
.table1 td{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; //顯示右邊框為1px，如果不想顯示就為0px
BORDER-TOP: #f9f9f9 0px solid; //顯示上邊框為1px，如果不想顯示就為0px
BORDER-LEFT: #f9f9f9 0px solid;//顯示左邊框為1px，如果不想顯示就為0px
BORDER-BOTTOM: #f5f5f5 0px solid;//顯下右邊框為1px，如果不想顯示就為0px
}
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center" class="table1">
<tr>
<td> </td> <td class="td3"> </td class="td3"> <td> </td class="td3"> <td> </td> </tr>
</table>

到此，關于“如何編寫讓Table的TD有邊框而Table右左沒有邊框的CSS樣式”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！