表格标题左上角斜分样式

Posted 2023-02-03 一杯浊酒敬残月，半生飘零是殇年

            <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;