注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

歌声相伴 开心前行

.....................

 
 
 

日志

 
 

表格合并代码【二】  

2014-04-07 08:31:12|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

表格纵向合并代码

表格合并代码【一】 - 一路e同行 - 歌声相伴 开心前行表格合并代码【一】 - 一路e同行 - 歌声相伴 开心前行表格合并代码【一】 - 一路e同行 - 歌声相伴 开心前行

 

(三行四列表格代码)  

<TABLE border=3 cellSpacing=5 borderColor=#62f74c cellPadding=10 width=550 align=center>
<TBODY>

<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD></TR>

<TR>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD></TR>
<TR>
<TD>9</TD>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR></TBODY></TABLE> 

效果图如下:

1 2 3 4
5 6 7 8
9 10 11 12

如合并第一列1、5、9 格,可把<TD>1</TD>换成<TD rowSpan=3>1</TD>,

并在下面5格代码<TD>5</TD>和9格代码<TD>9</TD>去掉

【<TD rowSpan=3>1</TD>,其中3表示合并的格数】

代码如下:

<TABLE border=3 cellSpacing=5 borderColor=#62f74c cellPadding=10 width=550 align=center>
<TBODY>

<TR>
<TD rowSpan=3>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD></TR>
<TR>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD></TR>
<TR>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR></TBODY></TABLE>

效果图如下:

1 2 3 4
6 7 8
10 11 12

如要合并3格和7格,把3格代码<TD>3</TD>换成<TD rowSpan=2>3</TD>,

并把7格代码<TD>7</TD>去掉,

改变后代码如下:

<TABLE border=3 cellSpacing=5 borderColor=#62f74c cellPadding=10 width=550 align=center>
<TBODY>
<TR>
<TD rowSpan=3>1</TD>
<TD>2</TD>
<TD rowSpan=2>3</TD>
<TD>4</TD></TR>
<TR>
<TD>6</TD>
<TD>8</TD></TR>
<TR>
<TD>10</TD>
<TD>11</TD>
<TD>12</TD></TR></TBODY></TABLE>

效果图如下:

1 2 3 4
6 8
10 11 12

如想合并8格和12格,同理可改变代码,改变后如下:

<TABLE border=3 cellSpacing=5 borderColor=#62f74c cellPadding=10 width=550 align=center>
<TBODY>
<TR>
<TD rowSpan=3>1</TD>
<TD>2</TD>
<TD rowSpan=2>3</TD>
<TD>4</TD></TR>
<TR>
<TD>6</TD>

<TD rowSpan=2>8</TD>

</TR>
<TR>
<TD>10</TD>
<TD>11</TD>
</TR></TBODY></TABLE>

效果图如下:

1 2

3

4
6 8
10 11

                                    

 

                              边框:梦中情

  评论这张
 
阅读(131)| 评论(18)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017