怎樣對table和td技巧性設定表格邊框

很多朋友都很苦惱表格樣式怎麼設定。之前說過對table設定邊框和對td設定邊框。今天給大家帶來對table和td技巧性設定表格邊框，以後也會繼續更新關於表格的小技巧與設定，也請大家持續關注。

對td設定左與上邊框，這樣td與td相鄰就會只出現單一邊框樣式，這樣就會出現表格右側和下部沒有邊框，這個時候我們設定table右和下 邊框解決顯示右側和下側td剩下未顯示邊框。

1、對應css代碼：

<style> .table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} .table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} /* 只對table td設定左與上邊框，對table設定右與下邊框； */ </style>

2、對應html原始碼片段：

<div class="table-c"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">站名</td> <td width="181">網址</td> <td width="112">說明</td> </tr> <tr> <td>PHP</td> <td>www.divcss5.com</td> <td>PHP</td> </tr> <tr> <td>PHP</td> <td>www.php.cn</td> <td>PHP</td> </tr>

這就是怎樣對table和td技巧性設定表格邊框，你學到了嗎？

相關閱讀：

怎樣用CSS對td設定邊框

怎樣用CSS只對錶格table的標籤設定邊框

用DIV和CSS作下拉式功能表