我正在尝试更改每一行的颜色。我已经将外部 CSS 文件链接到 HTML 文件。
HTML 文件:
<tr><div class="row1">
<td>15</td>
<td>15</td>
<td>30</td>
</div></tr>
<tr><div class="row2">
<td>45</td>
<td>60</td>
<td>45</td>
</div></tr>
<tr><div class="row3">
<td>60</td>
<td>90</td>
<td>90</td>
</div></tr>
在我的 CSS 中,我这样做:
.row1{
background-color: hotpink;
}
.row2{
background-color: #ff0000;
}
.row3{
background-color: blue;
}
最佳答案
直接使用tr
上的类
.row1 {
background-color: hotpink;
}
.row2 {
background-color: #ff0000;
}
.row3 {
background-color: blue;
}
<table>
<tr class="row1">
<td>15</td>
<td>15</td>
<td>30</td>
</tr>
<tr class="row2">
<td>45</td>
<td>60</td>
<td>45</td>
</tr>
<tr class="row3">
<td>60</td>
<td>90</td>
<td>90</td>
</tr>
</table>
关于html - 如何在外部 CSS 文件中指定特定表格行的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38752103/