Html 双色表格单元格背景

如何制作（仅使用CSS，不使用bg图像）html表格单元格（TD标记），左半部分背景为红色，右半部分背景为绿色。我不想要两个单元格，只有一个td单元格，由CSS定义双色背景

给你：

td.halfnhelf{
位置：相对位置；
背景：绿色；
}
td.halfnhalf>span{
位置：相对位置；
}
哈芬霍夫：之前{
位置：绝对位置；
内容：''；
排名：0；
左：0；
右：50%；
底部：0；
背景：红色；
}

测试

我建议您使用带边框的技巧，或者使用此处描述的伪元素：

---

或者更简单：只需在TD中使用不同的背景颜色制作两个div。

我使用了CSS渐变概念。这里，第一种颜色从0开始，以50%结束，而第二种颜色从51%开始，以100%结束。因此，可以为每种颜色指定比例

td{
背景：线性梯度（向右，番茄50%，浅灰色51%）；
}

双色背景

我在左半部分看不到内部文本！