但是他的每个单元格中间都有间隔
时间: 2024-03-12 08:42:57 浏览: 94
你可以使用 CSS 的 `border-collapse` 属性来控制表格边框和单元格之间的间隔。
`border-collapse` 属性有两个值:`collapse` 和 `separate`。默认值是 `separate`,这个值会在表格中的每个单元格周围留出一定的间隔。而 `collapse` 值会将表格边框和单元格的间隔合并,让表格看起来更加紧凑。
下面是一个示例代码:
```html
<table style="border-collapse: collapse;">
<tr>
<td style="border: 1px solid black;">单元格1</td>
<td style="border: 1px solid black;">单元格2</td>
<td style="border: 1px solid black;">单元格3</td>
</tr>
<tr>
<td style="border: 1px solid black;">单元格4</td>
<td style="border: 1px solid black;">单元格5</td>
<td style="border: 1px solid black;">单元格6</td>
</tr>
</table>
```
在上面的代码中,我们给 `table` 标签添加了 `border-collapse: collapse;` 样式,将表格边框和单元格之间的间隔合并。同时,我们给单元格添加了 `border: 1px solid black;` 样式,让每个单元格都有一个1像素宽的黑色实线边框。
这样,就可以让表格边框和单元格之间没有间隔了。
阅读全文