Html 如何用css创建万宝路风格的表格

我正试图通过使用线性渐变来创建一个看起来像a的表。差不多

我只是个傻瓜，所以我真的不知道怎么做。

---

有人能帮我吗？考虑到红色三角形不必到达我的表的底部边界，但类似于它的50%个

你有基本的想法，但是梯度的更好值似乎是<代码> 25DEG < /代码>对于白色部分的角度和<代码> 60% < /代码>。 像这样的

.box{
框大小：边框框；
背景：
线性梯度（-25度，透明0%，透明60%，#c60000 60%，#c60000 100%），
线性梯度（25度，透明0%，透明60%，#c60000 60%，#c60000 100%）；
边框：10px实心#ccc；
宽度：500px；
高度：350px；
字号：5em；
文本对齐：居中；
填充顶部：220px；
}

---

Marlboro

您已经有了基本的想法，但是对于角度和白色部分，坡度的更好值似乎是

25度

像这样的

.box{
框大小：边框框；
背景：
线性梯度（-25度，透明0%，透明60%，#c60000 60%，#c60000 100%），
线性梯度（25度，透明0%，透明60%，#c60000 60%，#c60000 100%）；
边框：10px实心#ccc；
宽度：500px；
高度：350px；
字号：5em；
文本对齐：居中；
填充顶部：220px；
}

Marlboro

请您展示一下您正在使用的HTML和CSS，这样我们就可以看到您正在处理的内容，并希望能够建议一个合适的解决方案。请您展示一下您正在使用的HTML和CSS，这样我们就可以看到您正在处理的内容，并希望能够建议一个合适的解决方案。

background:
linear-gradient(-45deg, white,white 25%, red 25%, red), 
linear-gradient( 45deg, white,white 25%, red 25%, red);