代码改变世界

html表格相关

2014-03-30 10:32  大额_skylar  阅读(240)  评论(0)  编辑  收藏  举报

 

<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>

<table border="1">
  <caption>我的表格</caption>
  <details>
     <summery>more details</summery>
     这是一个统计电子商务网站的一个表格
  </details>
  <thead>
    <tr>
      <th>国家</th>
      <th>网站名</th>
      <th>URL </th>
      <th>Alexa排名</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>中国</td>
      <td>淘宝网</td>
      <td>www.taobao.com</td>
      <td>38</td>
      
    </tr>
    <tr>
      <td>美国</td>
      <td>Ebay</td>
      <td>www.Ebay.com</td>
      <td>22</td>
    </tr>

   <tr>
      <td>美国</td>
      <td>Amazon</td>
      <td>www.Amazon.com</td>
      <td>27</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>  </td>
      <td>  </td>
      <td>  </td>
      <td> Alexa.com提供信息 </td>
    </tr>
  </tfoot>
</table>

</body>
</html>