首页 > 其他 > 详细

写一个表格,奇数行背景是白色,偶数行背景是#ccc

时间:2021-04-27 14:27:35      阅读:19      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table tr:nth-child(even)>td {
background-color: #fff;
}

 

table tr:nth-child(odd)>td {
background-color: #ccc;
}
</style>
</head>
<body>
<table>
<tr>
<th>Header</th>
</tr>
<tr>
<td>Data1</td>
</tr>
<tr>
<td>Data2</td>
</tr>
<tr>
<td>Data3</td>
</tr>
<tr>
<td>Data4</td>
</tr>
<tr>
<td>Data5</td>
</tr>
</table>
</body>
</html>
 
效果:
技术分享图片

 

 

写一个表格,奇数行背景是白色,偶数行背景是#ccc

原文:https://www.cnblogs.com/Friday1/p/14708367.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!