很多朋友都很苦惱表格樣式怎麼設定。之前說過對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>m.sbmmt.com</td> <td>PHP</td> </tr> <tr> <td>PHP</td> <td>m.sbmmt.com</td> <td>PHP</td> </tr> </table>
這就是用CSS對td設置邊框的方法,你學到了嗎?
相關閱讀:
以上是怎樣用CSS對td設定邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章!