Question

怎样对table和td技巧性设置表格边框

Answer 1

很多朋友都很苦恼表格样式怎么设置。之前说过对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.gxlcms.com</td>
<td>PHP</td>
</tr>这就是怎样对table和td技巧性设置表格边框，你学到了吗？
相关阅读：
怎样用CSS对td设置边框


怎样用CSS只对表格table的标签设置边框


用DIV和CSS作下拉菜单