如题所述
有两种方法,第一种是直接采用图片做单元格的背景,第二种是在单元格中,用两个元素作为背景色,如:
html:
<tr>
<td class="td"><em class="em"></em><em class="em em1"></em>单元格1</td>
<td>单元格2</td>
</tr>
</table>
css:
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%;}
温馨提示:答案为网友推荐,仅供参考