如何实现html里 表格中一个单元格的背景色有两种

有两种方法，第一种是直接采用图片做单元格的背景，第二种是在单元格中，用两个元素作为背景色，如：

html:

<table border="1">
<tr>
<td class="td"><em class="em"></em><em class="em em1"></em>单元格1</td>
<td>单元格2</td>
</tr>
</table>

css:

table{border-collapse:collapse;}
td{border:1px solid skyblue; position:relative; width:100px; text-align:center;}
.td{color:#fff;}
td .em{display:block; width:50%; height:100%; position:absolute; background-color:#ff0000; top:0; left:0; z-index:-1}
td .em1{background-color:#bc273a; left:50%;}

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/e7jxev272e3ve3rr7e2.html