怎么给table加边框

在HTML中，如果你想给表格（`<table>`）添加边框，你可以通过CSS来控制。首先，在`<table>`标签里加上基本样式，然后使用CSS的`border`属性来设置边框的样式、粗细以及颜色。以下是一个简单的示例：

<style>
  table {
    border-collapse: collapse; /* 合并相邻单元格的边框 */
    width: 100%;
    border: 1px solid black; /* 设置边框为1像素宽，实线，黑色 */
  }

  th, td {
    border: 1px solid black; /* 设置表头和单元格的边框 */
    padding: 8px; /* 增加内部填充，使得边框更明显 */
  }
</style>

<table>
  <tr>
    <th>列1</th>
    <th>列2</th>
  </tr>
  <tr>
    <td>行1单元格1</td>
    <td>行1单元格2</td>
  </tr>
  <!-- 更多行... -->
</table>

在这个例子中，`border-collapse: collapse;`用于合并相邻单元格的边框，让表格看起来更整洁。`th`和`td`代表表头单元格和数据单元格，它们都有相同的边框设置。

如果你想改变边框的样式（如虚线、双线等），只需修改`border-style`属性即可。例如，`border-style: dashed;`表示虚线边框。

相关问题

el-table加边框

el-table加边框需要设置border属性，但是默认情况下只有表头和外边框添加了边框属性，单元格没有纵向边框的显示。如果想要单元格也显示边框，可以通过以下两种方法实现：

方法一：使用CSS样式设置单元格边框

.el-table td, .el-table th {
  border: 1px solid #dcdfe6;
}

方法二：使用element-ui提供的border属性

<el-table :data="tableData" border>
  <el-table-column prop="date" label="日期"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

以上两种方法都可以实现el-table单元格的边框显示，具体选择哪种方法可以根据实际情况进行选择。

table 外边框

如果您想要设置一个表格的外边框，可以使用CSS的border属性。以下是一个示例代码：

table {
  border: 1px solid black;
}

这将会在表格的外围添加一个1像素宽的黑色实线边框。您可以根据需要调整边框的宽度和颜色。