让我们来学习如何在CSS中给HTML表格中的
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>小明</td>
<td>18岁</td>
<td>男</td>
</tr>
<tr>
<td>小红</td>
<td>19岁</td>
<td>女</td>
</tr>
</table>
要给
tr {
background-color: red;
}
以上代码将给所有的
tr:nth-child(2) {
background-color: red;
}
以上代码中的:nth-child(2)指定选择第二个子元素，即第二行。您可以根据需要更改选择器。例如，使用:first-child选择第一个子元素。
现在将以上CSS代码应用于之前的HTML表格，您将看到表格中第二行的背景已被设置为红色。
| 姓名 | 年龄 | 性别 |
|---|---|---|
| 小明 | 18岁 | 男 |
| 小红 | 19岁 | 女 |
相关文章
作者文章
- css transform 绕中心点旋转 1分钟前
- ajax 参数json 17分钟前
- html中打开php代码 17分钟前
- html中打字正确率代码 23分钟前
- html加法代码alert 27分钟前
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
