element table 表格 修改背景为透明并去除边框 |
您所在的位置：网站首页 › 表格elx › element table 表格 修改背景为透明并去除边框 |
element table 表格 修改背景为透明并去除边框
|
1 .el-table{
2 /* 表格字体颜色 */
3 color:white;
4 /* 表格边框颜色 */
5 /* border: 0.5px solid #758a99; */
6 height: 500px;
7 }
15 /* 表格内背景颜色 */
16 .el-table th, .el-table tr,.el-table td{
17 border: 0;
18 background-color: transparent;
19 }
20 /* 双数行背景颜色 */
21 .el-table--striped .el-table__body tr.el-table__row--striped td {
22
23 background-color:#fff;
24 background-color: rgba(148, 144, 144, 0.3)
25 }
26 /* 使表格背景透明 */
27 .el-table th, .el-table tr {
28 background-color: transparent;
29 }
30 /* 删除表格下横线 */
31 .el-table::before {
32 left: 0;
33 bottom: 0;
34 width: 100%;
35 height: 0px;
36 }
37 /* 表格表头字体颜色 */
38 .el-table thead {
39 color: white;
40 font-weight: 500;
41 background-color: rgba(148, 144, 144, 0.3)
42 }
效果图：
|
【本文地址】
今日新闻 |
推荐新闻 |