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

来源:互联网 发布:java流程管理系统 编辑:程序博客网 时间:2024/06/18 04:20
我已经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;}
原创粉丝点击