是否可以在HTML表格中划掉单元格？

我想创建一个HTML表格，在该表格中我可以划掉单元格，如下图所示：

我原本想在单元格中画一个CSS直角三角形，但我不知道如何只给斜边上色，而不给其他两边或三角形本身上色

换句话说，我想做的是可能的吗？
用对角线制作图像，然后使图像100%拉伸单元格的宽度和高度，这样做最有意义吗？

---

谢谢。

好吧，这有点老套，但很管用。 利用

使用当前单元格的

背景图像

，在“内容”下划行

表格
{
最小宽度：100%；
}
表td
{
边框：1px纯银；
位置：相对位置；
}
表td.1
{
背景图像：线性渐变（右下角，透明钙（50%-1px），红色，透明钙（50%+1px））；
}

内容
内容
内容
内容
内容
内容

对角线上升
{
背景：线性渐变（至右下，#ffffff 0%，#ffffff
49.9%、50%、51%、51.1%、100%；
}
对角线下降
{
背景：线性渐变（到右上角，#fff 0%，#fff 49.9%，#000000
50%，#00000051%，#fff 51.1%，#fff 100%）；
}

---

上面的链接将进一步解释您。它还支持所有方向，垂直、水平或对角线。

为什么不简单地使用

背景图像：'linear（右下角，黑色）

---

（在react style属性中）？？

可能重复-您可以添加一个具有背景图像的类。JavaScript解决方案：CSS单独解决方案尼斯解决方案。请记住，IE8和IE9将无法显示这些渐变@谢谢你的评论。你是对的。如果这些浏览器在需求列表中，您必须准备一个备用解决方案，可能使用静态图像或其他已链接的解决方案。此解决方案不适用于最旧的浏览器版本。。。我正试图在IE8中找到一个解决方案（但并不容易），我在右下角看到了一些尺寸的线。添加

背景重复：不重复已修复问题。这不会提供问题的答案。一旦你有足够的钱，你将能够；相反-
 <style>
td.diagonalRising
{
   background: linear-gradient(to right bottom, #ffffff 0%,#ffffff     
   49.9%,#000000 50%,#000000 51%,#ffffff 51.1%,#ffffff 100%);
}

td.diagonalFalling
{
  background: linear-gradient(to right top, #fff 0%,#fff 49.9%,#000000    
 50%,#000000 51%,#fff 51.1%,#fff 100%);
}
<style>