表格标题左上角斜分样式

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