htmlTable合并⾏和列
<!DOCTYPE html>
<html>
<head>
<title>我的第四个页⾯</title>
<meta charset=utf-8 >
html网页设计 table
</head>
<body>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/2.jpg">
<tr>
<td colspan="2" align="center" valign="middle">第⼀⾏第⼀列和第⼆列</td><!-- colspan：合并列 -->
</tr>
<tr>
<td align="center" valign="middle">第⼆⾏第⼀列</td>
<td align="center" valign="middle">第⼆⾏第⼆列</td>
</tr>
</table>
<br/>
<br/>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/1.jpg">
<tr>
<td rowspan="2" align="center" valign="middle">第⼀⾏第⼀列和第⼆⾏第⼀列</td><!-- rowspan：合并⾏ -->
<td align="center" valign="middle">第⼀⾏第⼆列</td>
</tr>
<tr>
<td align="center" valign="middle">第⼆⾏第⼆列</td>
</tr>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。