表格单元格之间的间距，但不包括左右表格边框。_编程开发

表格单元格之间的间距，但不包括左右表格边框。

创始人

2024-12-10 00:32:07

0次

您可以使用CSS的padding属性来设置表格单元格之间的间距。下面是一个示例代码：

HTML:


  
    Cell 1
    Cell 2
    Cell 3
  
  
    Cell 4
    Cell 5
    Cell 6

CSS:

table {
  border-collapse: separate; /* 使用独立的边框模型 */
  border-spacing: 10px; /* 设置单元格之间的间距为10px */
}

td {
  padding: 5px; /* 设置单元格的内边距为5px */
  border: 1px solid black; /* 设置单元格的边框为1px黑色实线 */
}

在上面的示例中，使用border-spacing属性设置了单元格之间的间距为10px，并使用padding属性设置了单元格的内边距为5px。同时，使用border属性设置了单元格的边框为1px的黑色实线。注意，使用border-collapse属性将表格的边框模型设置为独立的，这样单元格之间的间距才会生效。

您可以根据需要调整border-spacing和padding的值来适应您的设计要求。

上一篇：表格单元格在div内部时会失去间距。

下一篇：表格单元格中背景图片无法显示

表格单元格之间的间距，但不包括左右表格边框。

相关内容

热门资讯