vue2 项目中 如何修改el-table表格 所有单元格及表格的边框颜色为红色

要修改 `el-table` 表格所有单元格及表格的边框颜色为红色，可以通过以下两种方式实现：

**方式一：使用 CSS 样式**

通过在 `style` 标签内添加以下 CSS 样式，就可以修改 `el-table` 表格的样式：

.el-table{
  border: 1px solid red;
}

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

这样就可以将 `el-table` 表格的所有单元格及表格的边框颜色修改为红色。

**方式二：修改主题颜色**

Vue 的 `element-ui` 组件库提供了方便的主题定制功能，可以通过修改主题颜色来快速实现修改 `el-table` 表格的样式。

在 `main.js` 中引入 `element-ui` 组件库，并在 `Vue.use(ElementUI, { size: 'small', zIndex: 3000, theme: 'red' })` 中设置 `theme` 为 'red'，即可将主题颜色修改为红色。

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI, { size: 'small', zIndex: 3000, theme: 'red' })

new Vue({
  el: '#app',
  render: h => h(App)
})

这样就可以将 `el-table` 表格的所有单元格及表格的边框颜色修改为红色。同时，如果需要修改其他组件的样式，也可以通过修改主题颜色来实现。