javascript - 突出显示表格单元格的 Angular - html/css

Question

<分区>

Answer 1

使用线性渐变

td {
  padding: 1em 3em;
  border: 1px solid grey;
  background-image: linear-gradient(225deg, red, red 10px, transparent 10px, transparent);
}

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

或者一个伪元素

td {
  padding: 1em 3em;
  border: 1px solid grey;
  position: relative;
}

td::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 7.5px;
  border-style: solid;
  border-color: red red transparent transparent;
}

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>