table 添加表行的底部边框、定制表格边框

我已经3×3的表格需要一种方法来添加边框的底部具有特定颜色中的每一行<tr>首先,我试图直接的方式,是
<tr style="border-bottom:1pt solid black;">
但没有奏效。 所以我说的CSS 这样
tr {
border-bottom: 1pt solid black;
}
仍然没有工作。 我宁愿CSS的话,我不需要添加样式每一行中。 我还没有添加border属性的<table>。我希望它不会影响我的CSS。
本文地址 :CodeGo.net/440298/ 
------------------------------------------------------------------------------------------------------------------------- 
1. 我以前碰到这样的问题。我不认为tr可直接乘坐边框建模。我的解决方法是在样式tdS中的行:
<tr class="border_bottom">
CSS:
tr.border_bottom td {
 border-bottom:1pt solid black;
}

2. border-collapse:collapse你的表的规则:
table { 
 border-collapse: collapse; 
}
链接 
3. 显示该行作为一个块。
tr {
 display: block;
 border-bottom: 1px solid #000;
}
并简单地交替显示的颜色:
tr.oddrow {
 display: block;
 border-bottom: 1px solid #F00;
}

4. 使用border-collapse:collapse作为森写道,你需要设置td { border-bottom: 1px solid #000; } 
5. 我发现TD的缝隙之间的空间形成了边境,但没有恐惧...... 解决此问题的方法:
<tr>
 <td>
  Example of normal table data
 </td>
 <td class="end" colspan="/* total number of columns in entire table*/">
  /* insert nothing in here */ 
 </td>
</tr>
用CSS:
td.end{
 border:2px solid black;
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值