HTML <table> frame 属性

在 HTML 中，

什么是 frame 属性？

frame 属性用于指定表格的外边框的显示方式。它可以有以下几个取值：

• void：默认值。不显示外边框。
• above：在表格上方显示外边框。
• below：在表格下方显示外边框。
• hsides：显示水平外边框。
• vsides：显示垂直外边框。
• lhs：在左侧显示外边框。
• rhs：在右侧显示外边框。
• border：显示完整的外边框。

如何使用 frame 属性？

要在表格中使用 frame 属性，只需在

// www.javascriptcn.com code example
<table frame="border">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
  </tr>
</table>

在上面的示例中，我们给表格添加了 frame="border" 属性，这样就显示了完整的外边框。

示例代码

接下来，让我们看一些不同取值的示例代码：

1. void

// www.javascriptcn.com code example
<table frame="void">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>王五</td>
    <td>28</td>
  </tr>
</table>

2. above

// www.javascriptcn.com code example
<table frame="above">
  <tr>
    <th>城市</th>
    <th>人口</th>
  </tr>
  <tr>
    <td>北京</td>
    <td>2154 万</td>
  </tr>
</table>

3. hsides

// www.javascriptcn.com code example
<table frame="hsides">
  <tr>
    <th>水果</th>
    <th>价格</th>
  </tr>
  <tr>
    <td>苹果</td>
    <td>5 元/斤</td>
  </tr>
</table>

总结

通过使用 frame 属性，我们可以控制表格的外边框的显示方式，使表格更加美观和易读。在实际开发中，根据设计需求选择合适的 frame 属性取值，可以让表格更加符合设计要求。希望本文对你有所帮助！