html中table如何在td中画对角线

在HTML中，要在<td>单元格中绘制对角线，可以使用CSS样式。具体做法是在<td>元素中添加一个<div>元素，并使用CSS的::before伪元素来创建对角线。

代码如下：

<td style="width:3%" class="diagonal-line">
    <div></div>
</td>

在这个例子中，.diagonal-line 类被应用到包含文本的<td>元素上。<div>元素是用来遮盖超出部分的背景色，而::before伪元素用来创建对角线，通过调整bottom和height属性的值，可以控制线的长度和宽度。通过transform: rotate(-45deg);将线旋转-45度，得到一个对角线的效果。

样式如下：

td.diagonal-line {
  position: relative;
  /*overflow: hidden;*/
}
td.diagonal-line div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1%;  /* 控制线的宽度 */
  height: 100px;
  background-color: white;
}
td.diagonal-line div::before {
  content: '';
  position: absolute;
  bottom: -8px; /* 控制下边的距离 */
  left: 20px; /* 控制左边的定位 */
  width: 100%;
  height: 90px; /* 控制距离下面的高度 */
  background-color: black;
  transform: rotate(28deg); /* 控制角度 */
}

效果如下：