html运行实例（css_table_caption-side）-搜寻教程库

代码示例：（标识：css_table_caption-side）

<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
  border: 1px solid black;
}

caption {
  caption-side: bottom;
}
</style>
</head>
<body>

<table>
<caption>Table 1.1 Customers</caption>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>City</th>
  </tr>
  <tr>
    <td>Alibaba</td>
    <td>Ma Yun</td>
    <td>Hangzhou</td>
  </tr>
  <tr class="alt">
    <td>Hangzhou</td>
    <td>Tim Cook</td>
    <td>Cupertino</td>
  </tr>
  <tr>
    <td>BAIDU</td>
    <td>Li YanHong</td>
    <td>Beijing</td>
  </tr>
  <tr class="alt">
    <td>HUAWEI</td>
    <td>Ren Zhengfei</td>
    <td>Shenzhen</td>
  </tr>
  <tr>
    <td>Tencent</td>
    <td>Ma Huateng</td>
    <td>Shenzhen</td>
  </tr>
</table>

</body>
</html>