gpt4 book ai didi

html - 表格周围不同的行边框颜色

转载 作者:行者123 更新时间:2023-11-28 16:09:37 25 4
gpt4 key购买 nike

我在 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>

但是我得到了这个: html_error

其中你可以看到绿色边框和黑色边框重叠

最佳答案

如果你想改变每一行的颜色,你需要为每一行指定颜色传递一个不同的 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com