HTML <table> 标签的 border 属性 详解
HTML基础 2023-07-13 18:59:53小码哥的IT人生shichen
HTML <table> 标签的 border 属性
实例
下面的例子把表格周围的边框设置为 8 像素宽:
<table border="8">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
完整实例【亲自试一试】:
<html>
<body>
<table border="5">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
定义和用法
border 属性规定规定围绕表格的边框的宽度。
border 属性会为每个单元格应用边框,并用边框围绕表格。如果 border 属性的值发生改变,那么只有表格周围边框的尺寸会发生变化。表格内部的边框则是 1 像素宽。
提示:设置 border="0",可以显示没有边框的表格。
从实用角度出发,最好不要规定边框,而是使用 CSS 来添加边框样式和颜色。
语法
<body border="value">
属性值
值 | 描述 |
---|---|
pixels | 规定表格边框宽度。 |