![]()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<table align="center">
<tr>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
</tr>
<tr>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
</tr>
<tr>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
</tr>
<tr>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
<td>我是内容</td>
</tr>
</table>
</body>
</html>
css：
table{
width: 600px;
height: 300px;
text-align: center;
}
table,td,tr{
border: 1px solid black;
border-collapse: collapse;
}
table tr:nth-child(odd){
color: aqua;
}
table tr:nth-child(even){
color: coral;
}
tr:hover td{
color: #000000;
}
浙公网安备 33010602011771号