zoukankan      html  css  js  c++  java
  • 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 }

    效果图:

  • 相关阅读:
    php 时间问题
    php语言
    高级查询
    数据库的查询详情
    数据库的创建和增删改查,外键和主键的创建
    数据库
    js的基本语句和语法
    JS的脚本语言
    样式、格式布局
    表单的元素和样式表
  • 原文地址:https://www.cnblogs.com/provedl/p/10972197.html
Copyright © 2011-2022 走看看