码迷,mamicode.com
首页 > Web开发 > 详细

html Table合并行和列

时间:2015-09-24 19:31:55      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:合并

<!DOCTYPE html>

<html>

<head>

<title>我的第四个页面</title>

<meta charset=utf-8 >

</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>


本文出自 “邀月乘风” 博客,请务必保留此出处http://yaoyuechengfeng.blog.51cto.com/2958475/1697882

html Table合并行和列

标签:合并

原文地址:http://yaoyuechengfeng.blog.51cto.com/2958475/1697882

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!