console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>太阳系行星数据</title>
<link href="minimal-table.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>太阳系行星数据</h1>
<table>
<caption>太阳系中行星的一些数据</caption>
<colgroup>
<col>
<col>
<col style="border: 2px solid black;">
</colgroup>
<thead>
<tr>
<td colspan="2"></td>
<th>名字</th>
<th>质量(10<sup>24</sup>kg)</th>
<th>直径(km)</th>
<th>密度(kg/m<sup>3</sup>)</th>
<th>重力(m/s<sup>2</sup>)</th>
<th>天长(小时)</th>
<th>与太阳距离(10<sup>6</sup>km)</th>
<th>平均温度(<sup>。</sup>C)</th>
<th>卫星数量</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="4" colspan="2">类地行星</th>
<th>水星</th>
<td>0.330</td>
<td>4,879</td>
<td>5427</td>
<td>3.7</td>
<td>4222.6</td>
<td>57.9</td>
<td>167</td>
<td>0</td>
<td>距太阳最近</td>
</tr>
<tr>
<th>金星</th>
<td>4.87</td>
<td>12,104</td>
<td>5243</td>
<td>8.9</td>
<td>2802.0</td>
<td>108.2</td>
<td>464</td>
<td>0</td>
<td></td>
</tr>
<tr>
<th>地球</th>
<td>5.97</td>
<td>12,756</td>
<td>5514</td>
<td>9.8</td>
<td>24.0</td>
<td>149.6</td>
<td>15</td>
<td>1</td>
<td>我们的世界</td>
</tr>
<tr>
<th>火星</th>
<td>0.462</td>
<td>6,792</td>
<td>3933</td>
<td>3.7</td>
<td>24.7</td>
<td>227.9</td>
<td>-65</td>
<td>2</td>
<td>红色星球</td>
</tr>
<tr>
<th rowspan="4">类木行星</th>
<th rowspan="2">气巨行星</th>
<th>木星</th>
<td>1898</td>
<td>142,984</td>
<td>1326</td>
<td>23.1</td>
<td>9.9</td>
<td>778.6</td>
<td>-110</td>
<td>67</td>
<td>太阳系最大</td>
</tr>
<tr>
<th>土星</th>
<td>568</td>
<td>120,536</td>
<td>687</td>
<td>9.0</td>
<td>10.7</td>
<td>1433.5</td>
<td>-140</td>
<td>62</td>
<td></td>
</tr>
<tr>
<th rowspan="2">冰巨星</th>
<th>天王星</th>
<td>86.8</td>
<td>51,118</td>
<td>1271</td>
<td>8.7</td>
<td>17.2</td>
<td>2872.5</td>
<td>-195</td>
<td>27</td>
<td></td>
</tr>
<tr>
<th>海王星</th>
<td>102</td>
<td>49,528</td>
<td>1638</td>
<td>11.0</td>
<td>16.1</td>
<td>4495.1</td>
<td>-200</td>
<td>14</td>
<td></td>
</tr>
<tr>
<th colspan="2">矮行星</th>
<th>冥王星</th>
<td>0.0146</td>
<td>2,370</td>
<td>2095</td>
<td>0.7</td>
<td>153.3</td>
<td>5906.4</td>
<td>-225</td>
<td>5</td>
<td>2006年降格，但是 <a href="http://www.usatoday.com/story/tech/2014/10/02/pluto-planet-solar-system/16578959/">尚存争议</a>.</td>
</tr>
</tbody>
</table>
</body>
</html>
html {
font-family: sans-serif;
}
table {
border-collapse: collapse;
border: 2px solid rgb(200,200,200);
letter-spacing: 1px;
font-size: 0.8rem;
}
td, th {
border: 1px solid rgb(190,190,190);
padding: 10px 20px;
}
th {
background-color: rgb(235,235,235);
}
td {
text-align: center;
}
tr:nth-child(even) td {
background-color: rgb(250,250,250);
}
tr:nth-child(odd) td {
background-color: rgb(245,245,245);
}
caption {
padding: 10px;
}
#col-name {
border: 2px solid black;
}