很多朋友都很苦恼表格样式怎么设置。之前说过对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对td设置边框的详细内容。更多信息请关注PHP中文网其他相关文章!