el-table表格边框线条颜色背景色

el-table 是 Element UI 中的表格组件，可以通过 CSS 样式来设置表格的边框线条颜色和背景色。以下是设置表格边框线条颜色和背景色的 CSS 样式：

1. 设置表格边框线条颜色：

.el-table__header-wrapper {
  border: 1px solid #ccc;
}

.el-table__body-wrapper {
  border: 1px solid #ccc;
}

.el-table__row {
  border: 1px solid #ccc;
}

.el-table__column {
  border-right: 1px solid #ccc;
}

这段 CSS 样式将表格的边框线条颜色设置为灰色（#ccc）。

2. 设置表格背景色：

.el-table__header-wrapper {
  background-color: #f8f8f8;
}

.el-table__body-wrapper {
  background-color: #fff;
}

.el-table__row:nth-child(even) {
  background-color: #f8f8f8;
}

这段 CSS 样式将表格的背景色设置为灰色（#f8f8f8）和白色（#fff），并且将偶数行的背景色也设置为灰色。

相关问题

el-table表格border线条颜色背景色

要修改 Element UI 的 el-table 表格的边框线条颜色和背景色，可以通过以下的 CSS 样式代码来实现：

/* 修改表格边框线条颜色 */
.el-table__body {
  border: 1px solid #ccc;
}

/* 修改表格背景色 */
.el-table__row {
  background-color: #f5f5f5;
}

其中，`.el-table__body` 用于修改表格边框线条颜色，`.el-table__row` 用于修改表格行的背景色。你可以根据需要修改颜色的值。

怎样给el-table添加边框以及修改边框颜色

你可以给 el-table 添加边框和修改边框颜色的方法如下：

1. 添加边框

可以通过设置 el-table 的 border 属性来添加边框，该属性支持 Boolean 类型和 String 类型，Boolean 类型表示是否显示边框，String 类型表示边框的样式，如下所示：

<el-table :data="tableData" :border="true">
    <!-- 表格内容 -->
</el-table>

2. 修改边框颜色

可以通过设置 el-table 的 style 属性来修改边框颜色，如下所示：

<el-table :data="tableData" :border="true" style="border: 1px solid red;">
    <!-- 表格内容 -->
</el-table>

以上是给 el-table 添加边框和修改边框颜色的方法，希望能帮到你。