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

<!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>
 
效果：

 

 

posted @ 2021-04-27 11:52  #Friday  阅读(111)  评论(0)    收藏  举报