日期:2014-05-17  浏览次数:20787 次

html 实现单线表格
方法一、
    常规方法:
   
<table width="400" align="center" bordercolor='black' border='1' style="border-collapse: collapse">
		<tr>
			<td colspan=2>a&nbsp;</td>
		</tr>
		<tr>
			<td rowspan=2>c&nbsp;</td>
			<td>d&nbsp;</td>
		</tr>
		<tr>
			
			<td rowspan=2>f&nbsp;</td>
		</tr>
  </table>

方法二、
     另一个角度思考问题:
<table width="400" align="center" bgcolor='black'>
		<tr bgcolor='#FFFFFF'>
			<td colspan=2>a&nbsp;</td>
		</tr>
		<tr bgcolor='#FFFFFF'>
			<td rowspan=2>c&nbsp;</td>
			<td>d&nbsp;</td>
		</tr>
		<tr bgcolor='#FFFFFF'>
			
			<td rowspan=2>f&nbsp;</td>
		</tr>
  </table>


方法三、
    多方位思考问题: 此法是用div+css 不想写了,有时间再说吧