微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html只给table设置边框

在 HTML 中,要给表格设置边框非常简单,只需要使用属性 border 就可以了。该属性的值可以是一个数字,表示边框的宽度(以像素为单位),也可以是一个单词,表示边框的样式。认情况下,边框的样式是实线(solid)。

<table border="1">
  <tr>
    <th>标题1</th>
    <th>标题2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

html只给table设置边框

如上所示,给 table 标签设置 border 属性即可让所有边框都有一个像素的宽度。

如果仅想给表格的外侧边框设置边框,可以使用 border-collapseborder-spacing 属性

<table style="border-collapse: collapse; border-spacing: 0;">
  <tr>
    <th>标题1</th>
    <th>标题2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

如上所示,使用 border-collapse: collapse; 将表格边框合并为一个,并使用 border-spacing: 0; 将单元格之间的间距设置为 0。

最后,需要注意的是,为了遵循 HTML 的语义化,应该将表格的样式写在 CSS 样式表中,而不是在 HTML 文件中直接写样式属性

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐