Question

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

Answer 1

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

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%;}