当前位置: 代码迷 >> HTML/CSS >> html 兑现单线表格
  详细解决方案

html 兑现单线表格

热度:394   发布时间:2012-10-27 10:42:26.0
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 不想写了,有时间再说吧
  相关解决方案