博客

table 表格细边框的效果实现方法虽然不难，但网上简单有效的方法却很少，在此记录一下

css 样式

/** table 细边框 **/
table{border-collapse: collapse; border: none; width: 100%;}
td{border: solid #BCB0B0 1px; vertical-align: top;}

html 代码

<table >
	<tr>
		<td height="200px" width="200px">
			<div style="width: 100%; height: 100px; background-color: red;"></div>
		</td>
		<td>12</td>
	</tr>
	<tr>
		<td>21</td>
		<td>22</td>
	</tr>
</table>

效果图