怎樣用CSS對td設定邊框

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

對table表格td設定邊框樣式，表格對象內td將實現邊框樣式，但中間部分td會導致出現雙邊框。

詳細案例教程如下：

1、對應css代碼

<style> .table-b table td{border:1px solid #F00} /* css注釋：只對table td標籤設定紅色邊框樣式 */ </style>

2、對應html原始碼片段

<div class="table-b"> <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.php.cn</td> <td>PHP</td> </tr> <tr> <td>PHP</td> <td>www.php.cn</td> <td>PHP</td> </tr> </table>

這就是用CSS對td設定邊框的方法，你學到了嗎？

相關閱讀：

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

用DIV和CSS作下拉式功能表

css布局需要注意的幾點