表格周围的不同行边框颜色
加布里埃莱萨尼
我在wordpress上有一个简单的html表。我想为每行设置不同的边框颜色，甚至在每行之间都留一些缝隙。我怎样才能做到这一点？
我以这种方式尝试过：
<table style="border-collapse: collapse;">
<tbody>
<tr style="border: 1px solid black;">
<th>Zoo (Country)</th>
<th>Date of Birth</th>
<th>Name</th>
<th>Dam (number of calves)</th>
<th>Sire</th>
</tr>
<tr style="color: darksalmon; border: 1px solid green;">
<td>Knowsley (UK)</td>
<td>2 Jan 2016</td>
<td>Nomvula</td>
<td>Meru (9)</td>
<td>Sharka</td>
</tr>
</tbody>
</table>
但是我得到了这个： 
在其中您可以看到绿色边框和黑色边框重叠
凯文·G
如果要更改每行的颜色，则需要传递不同的ID，并在每行中指定颜色。
对于很小的差距，您可以给一个班级，或者可以像下面的示例所示进行一些内联样式化
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr border-color="#FF0000">
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<p>The bgcolor attribute is not supported in HTML5. Use CSS instead.</p>
</body>
</html>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
表格周围的不同行边框颜色
- 2
表格周围的PHP边框
- 3
表格周围边框，但单元格周围
- 4
无法在表格周围做边框
- 5
更改表格tr边框颜色
- 6
当表格单元格的垂直和水平边框具有不同的颜色时出现问题
- 7
如何计算表格的不同行数？
- 8
如何计算表格中不同行的数量？
- 9
UITableViewCell背景颜色与Alpha不同行为
- 10
表格单元格的边框颜色变化
- 11
表格单元格的边框颜色变化
- 12
CSS：更改表格标题的边框颜色
- 13
如何在每个表格框周围放置边框？
- 14
表格周围有边框，但没有单元格
- 15
每个单元格和表格周围的边框
- 16
删除Firefox中输入[type = color]中颜色周围的边框？
- 17
具有不同颜色的双边框
- 18
圆与三种不同的边框颜色
- 19
具有不同颜色的双边框
- 20
如何使用表格中不同行的值运行Excel宏？
- 21
解析具有不同行号的 HTML 表格
- 22
为什么CSS表格仅在其行周围绘制边框，而在边框内不包含表格标题？
- 23
geom_bar用不同的填充颜色定义边框颜色
- 24
文章元素周围的空格以使其颜色不同
- 25
如何基于它所在的div改变表格行边框的颜色
- 26
如何在PPT VBA中更改表格边框颜色
- 27
如何透明化表格视图的边框颜色？
- 28
CSS：表格中不考虑边框半径和颜色
- 29
在表格的第一行周围添加边框（以及其他样式）？
我来说两句