html - CSS表格单元格背景图片样式(两个三 Angular 形)

Question

我有一个表格，我想在其中根据动态值设置单元格的样式。我需要完成这样的事情:

所以有些单元格分为两种颜色，其他单元格为纯色，其他单元格为纯色但上面有图案，还有一些单元格只有边框(红色)。

所以每个元素都是一个<td> HTML 标签

我正在考虑创建图像然后将它们设置为背景，但我想知道是否有一个简单的 CSS方法。

有什么建议吗？

Answer 1

这是您的答案:DivWithGradientColor

这是表格示例:Table cell withtwo-colors

html

---

    <div>
</div>

CSS

---

 div{
        border:1px solid black;
        background: linear-gradient(-45deg,blue 50%, red 50%);
        height:100px;
        width:100px;
    }