读书人

html 兑现单线表格

发布时间: 2012-10-27 10:42:26 作者: rapoo

html 实现单线表格
方法一、
常规方法:

<table width="400" align="center" bordercolor='black' border='1' style="border-collapse: collapse"><tr><td colspan=2>a </td></tr><tr><td rowspan=2>c </td><td>d </td></tr><tr><td rowspan=2>f </td></tr>  </table>

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

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

读书人网 >CSS

热点推荐