下边框的线条如何与table两边保持距离
时间: 2024-09-26 16:16:46 浏览: 42
table嵌套table边框样式
在HTML和CSS中,如果你想让表格(table)下边框的线条与表格内容保持一定距离,你可以通过设置`border-spacing`属性来控制表格单元格之间的间距,这包括上下、左右的距离。例如:
```html
<style>
table {
border-collapse: collapse; /* 合并边框,使得间距生效 */
border-bottom: solid 1px; /* 设置下边框 */
border-spacing: 10px 0; /* 上下间距设为10像素,左右间距默认为0 */
}
</style>
<table>
<tr>
<td>...</td>
<td>...</td>
</tr>
<!-- 表格内容 -->
</table>
```
在这个例子中,`border-spacing: 10px 0`将设定表格下方的边距为10像素,而顶部和两侧的间距则不会改变,因为第二个值(0)表示水平方向的间距。
如果你需要调整所有四边的间距,可以分别指定两个值,如`border-spacing: 10px 5px`。
阅读全文