首页 > 其他分享 >表格标题左上角斜分样式

表格标题左上角斜分样式

时间:2023-02-03 09:55:32浏览次数:39  
标签:padding right 表格 text transform 23deg 斜分 rotateZ 左上角

            <div class="t-box">
              <div class="t-other"><span>竞方</span></div>
              <div class="t-us"><span>我方</span></div>
            </div>
.t-box {
    height: 36px;
    font-size: 0.8rem;
    line-height: 0.9rem;
    padding-top: 4px;
    > div {
      width: 87.72px;
    }
  }
  .t-other {
    transform: rotateZ(23deg);
    border-bottom: 1px solid #ddd;
    text-align: right;
    span {
      transform: rotateZ(-23deg);
      display: block;
      padding-right: 14px;
    }
  }
  .t-us {
    transform: rotateZ(23deg);
    span {
      transform: rotateZ(-23deg);
      display: block;
      text-align: left;
      padding-left: 4px;
    }
  }

 

标签:padding,right,表格,text,transform,23deg,斜分,rotateZ,左上角
From: https://www.cnblogs.com/jqynr/p/17088146.html

相关文章

  • (数据科学学习手札149)用matplotlib轻松绘制漂亮的表格
    本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes1简介大家好我是费老师,matplotlib作为数据可视化的强力工具,可以帮助我......
  • Python用PrettyTable输出漂亮的表格
     https://linuxops.org/blog/python/prettytable.html https://github.com/jazzband/prettytable PrettyTable      PrettyTableletsyouprinttablesi......
  • 改变表格颜色
    ::v-deep{.el-table.light_row{--el-table-tr-bg-color:#011f62;height:3.2rem;color:#fff;}.el-table.deep_row{--el-table-tr-bg-color:......
  • Latex 表格并排
    1.Table并排,节省空间引入头文件\usepackage{etoolbox}\patchcmd{\thebibliography}{\section*{\refname}}{}{}{}文档内部使用\begin{table}[hp]\centering......
  • 表格标签
    表格的作用:表格主要用于显示,展示数据,因为它可以让数据显示的非常规整,可读性非常好.特别是后台展示数据的时候,能够熟练运用表格就显得很重要.一个清爽简约的表格能够......
  • JavaFX 表格操作 监听选择的 行列坐标 监听 选择的行 表格可编辑
    packagefx.com.监听;importfx.com.Data2;importjavafx.application.Application;importjavafx.beans.InvalidationListener;importjavafx.beans.Observable;importjav......
  • APITable:免费开源的多维表格与可视化数据库,上线1天斩获GitHub星标1000+
    前言 vika维格表将70万行代码开源了。 更为准确地说,我们正式发布了vika维格表的社区版——「APITable」。这意味着,你可以通过免费开源的多维表格技术去创造更多......
  • mardown表格
    sequenceDiagramAlice->>Bob:AuthenticationRequestBob-->>Alice:AuthenticationResponseAlice->>Bob:AnotherauthenticationRequestBob-->>Alice:ano......
  • PostgreSQL学习笔记-1.基础知识:创建、删除数据库和表格
    PostgreSQL创建数据库PostgreSQL创建数据库可以用以下三种方式:1、使用CREATEDATABASESQL语句来创建。2、使用createdb命令来创建。3、使用pgAdmin工具。例如,我......
  • python 读取 execl表格
    python读取表格pip2installxlrd获取sheet,data.sheets()[1]获取总行range(excel.nrows)获取行1的表数据excel.cell_value(rown,1)#!/usr/bin/envpython3i......