菜鸟教程 tryhtml_table_frame 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <p><b>注意:</b> HTML5 不支持 frame 属性。可以使用 CSS 代替。.</p>

<p>在所有四个边上显示外侧边框:</p>
<table frame="box">
  <tbody><tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</tbody></table>

<p>Table with frame="above":</p>
<table frame="above">
  <tbody><tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</tbody></table>

<p>显示上部的外侧边框:</p>
<table frame="below">
  <tbody><tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</tbody></table>

<p>显示上部和下部的外侧边框:</p>
<table frame="hsides">
  <tbody><tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</tbody></table>

<p>显示左边和右边的外侧边框:</p>
<table frame="vsides">
  <tbody><tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</tbody></table>