简洁漂亮的table表格CSS样式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简洁漂亮的table表格CSS样式</title>
<style>
table.dataintable {
margin-top: 15px;
border-collapse: collapse;
border: 1px solid #aaa;
width: 100%;
}
table.dataintable th {
vertical-align: baseline;
padding: 5px 15px 5px 6px;
background-color: #3F3F3F;
border: 1px solid #3F3F3F;
text-align: left;
color: #fff;
}
table.dataintable td {
vertical-align: text-top;
padding: 6px 15px 6px 6px;
border: 1px solid #aaa;
}
table.dataintable tr:nth-child(odd) {
background-color: #F5F5F5;
}
table.dataintable tr:nth-child(even) {
background-color: #fff;
}
</style>
</head>
<body>
<table class="dataintable">
<tr>
<th>Index</th>
<th>IP</th>
<th>Time</th>
</tr>
<tr>
<td><i>1</i></td>
<td>138.211.59.103</td>
<td>2019.10.23</td>
</tr>
<tr>
<td><i>2</i></td>
<td>138.211.59.103</td>
<td>2019.10.23</td>
</tr>
<tr>
<td><i>3</i></td>
<td>138.211.59.103</td>
<td>2019.10.23</td>
</tr>
<tr>
<td>4</td>
<td>138.211.59.103</td>
<td>2019.10.23</td>
</tr>
</table>
</body>
</html>
