html table没有边框
时间: 2023-11-16 14:57:58 浏览: 46
HTML Table可以通过设置frame属性来控制边框的显示规则,其中可以选择的设置有void、above、below、vsides、hsides、lhs、rhs等。如果想要去掉边框,可以将frame属性设置为void,同时也可以将rules属性设置为none来去掉分割线。具体的代码实现可以参考以下示例:
<table id="tbl" border=1 width="80%" frame=void rules=none></table>
这样就可以实现一个无边框、无分割线的HTML Table了。
相关问题
html table边框
HTML表格的边框可以通过设置CSS样式属性或使用HTML属性来实现。在Dreamweaver中,您可以使用以下方法来设置表格边框。
一种方法是使用CSS样式属性。您可以在CSS样式表中添加以下代码来设置表格边框为细线:
table {
border-collapse: collapse; /* 合并边框为一条线 */
border: 1px solid #000; /* 设置边框为1像素粗的实线 */
}
另一种方法是使用HTML属性。您可以在HTML表格标签中添加以下属性来设置表格边框为细线:
<table style="border-collapse: collapse; border: 1px solid #000;">
此外,还可以使用“cellspacing”属性来设置单元格之间的间距为0,以避免边框重合造成边加粗的问题。例如:
<table cellspacing="0" style="border-collapse: collapse; border: 1px solid #000;">
请注意,使用CSS样式属性的方法更为推荐,因为它具有更好的灵活性和可维护性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
html table 合并边框
要合并 HTML 表格的边框,可以使用 CSS 的 border-collapse 属性。将其设置为 collapse 即可让相邻单元格的边框合并为一条边框。
示例代码如下:
```html
<table style="border-collapse: collapse;">
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
```