我在 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>
但是我得到了这个:
其中你可以看到绿色边框和黑色边框重叠
最佳答案
如果你想改变每一行的颜色，你需要为每一行指定颜色传递一个不同的 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>
关于html - 表格周围不同的行边框颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38551782/