正文

在HTML中，我们可以使用CSS来设置表格的列间距。以下是一个简单的例子：

优站号 V管理员 /2024-03-14 /0 评论 /61 阅读

0314

<!DOCTYPE html>
<html>
<head>
<style>
table {
  width: 100%;
  border-collapse: collapse;
}
table, th, td {
  border: 1px solid black;
  padding: 5px;
}
th {
  text-align: left;
}
</style>
</head>
<body>
<h2>HTML Table Styling</h2>
<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
</body>
</html>

在这个例子中，我们首先定义了一个表格，然后设置了表格、表头和单元格的边框样式，我们还设置了单元格的内边距，以增加列之间的间距，我们设置了表头的文本对齐方式。

如果你想改变列间距，你可以修改padding属性的值，如果你想让列间距为10像素，你可以将padding属性的值改为10px。