美文网首页
表格样式覆盖,块状表格行

表格样式覆盖,块状表格行

作者: coderfl | 来源:发表于2021-06-28 14:24 被阅读0次
.el-table__header th{
  background: #FFEFEA;
  border-top: 1px solid #FFD7CB;
  color: #2D373E;
  font-weight: 500;
  line-height: 30px;
}
.el-table__header th.is-leaf{
  border-bottom: 1px solid #FFD7CB;
}
.el-table__header tr th:first-of-type{
  border-left: 1px solid #FFD7CB;
}
.el-table__header tr th:last-of-type{
  border-right: 1px solid #FFD7CB;
}
.el-table__body td{
  padding-top: 20px;
  color: #2D373E;
  height: 80px;
}
.el-table__body td::before{
  display: block;
  content: "";
  border-bottom: 1px solid #EBEEF5;
  background-color: white;
  position: absolute;
  top: 0;
  width: 100%;
  height: 10px;
}
.el-table__body tr:first-of-type td::before{
  border-top: none;
}
.el-table__body tr td:first-of-type{
  border-left: 1px solid #EBEEF5;
}
.el-table__body tr td:first-of-type::before{
  left: -1px;
}
.el-table__body tr td:last-of-type{
  border-right: 1px solid #EBEEF5;
}
.el-table__body tr td:last-of-type::before{
  right: -1px;
}
.el-table--enable-row-hover .el-table__body tr:hover>td::before{
  background-color: white;
}
image.png

相关文章

  • 表格样式覆盖,块状表格行

  • CSS哪些样式属性可以继承

    不可继承的样式 可继承的样式 所有元素可继承: 内联样式: 块状样式: 列表样式: 表格样式:

  • bs表格

    标签 作用 为表格添加基础样式。 表格标题行的容器元素( ),用来标识表格列...

  • html基本标签

    html 表格 表格标签 th 表头 td表格数据 tr表格的行和列数 定义表格的样式 在style里面 tab...

  • 锦囊12巧用表格处理对比逻辑的文字

    1.新建幻灯片版式空白-插入2列3行的表格; 2.表格样式-无样式无表格; 3.设计颜色-第1列第3行灰、粗细1磅...

  • element 表格修改

    表头样式 表格为空的时的样式 表格斑马线样式 鼠标悬浮样式 表格列样式 其他 滚动条修改

  • Excel必学技术-表格美化

    一、表格美化步骤 1、插入表格:选中原本表格,点击“插入”选卡 =》表格 2、套用样式:可以选择套用不同的表格样式...

  • HTML实现合并单元格

    我们要做如下样式的一个表格 首先实现一个简单的表格这个表格有四行四列,那我就先做一个这样的表格表格由 ** *...

  • Bootstrap样式-表格

    表格基本样式 个性风格 表格行风格 响应式表格

  • HTML表格

    2019-04-11 table 表格 tr行 td列(单元格) 外观样式属性 border属性 ​ 表格框线...

网友评论

      本文标题:表格样式覆盖,块状表格行

      本文链接:https://www.haomeiwen.com/subject/tnyqultx.html