Question

Html单元格内嵌<table>后，合并边框问题~

我在<td>里内嵌一个<table>后，把边框也合并

但是

合并后会出现部分加粗问题，所以请问下有没有什么好的合并方法，不出现加粗问题～～





Answer 1

/* css部分 */
table{ border-collapse:collapse }
table table{ border-style:hidden; }

<!-- HTML部分 -->
<table width="400" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td width="200">&nbsp;</td>
        <td width="200">&nbsp;</td>
    </tr>
    <tr>
    	<td>&nbsp;</td>
    	<td>
    		<table width="200" border="1" cellpadding="0" cellspacing="0">
    			<tr>
    				<td>&nbsp;</td>
    				<td>&nbsp;</td>
    			</tr>
                <tr>
                    <td>&nbsp;</td>
	                <td>&nbsp;</td>
                </tr>
            </table>
	    </td>
    </tr>
</table>

Answer 2

加上：border-collapse: collapse;

Answer 3

table加个样式border-collapse: collapse;