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

逸仙居音画苑

本博内容集音画、音乐、素材、教程为主,文学、休闲为辅

 
 
 

日志

 
 

【博客教程】一些特殊表格的制作  

2013-03-18 23:56:09|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自倾颜戏羽《一些特殊表格的制作》
一些特殊表格的制作 - 倾颜戏羽 - 倾颜戏羽

一些特殊表格的制作

倾颜戏羽声明:引用本文请不要去掉与本博的链接,转载须注明本文出处

1

 

文字内容1
文字内容2 文字内容3
文字内容4 文字内容5
文字内容6 文字内容7

代码:

 <TABLE borderColor=#ff0000 cellSpacing=2 width=360 align=center HEIGHT=100 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD colSpan=3 align=center>文字内容1</TD></TR>
<TR>
<TD align=center>文字内容2</TD>
<TD align=center>文字内容3</TD></TR>
<TR>
<TD align=center>文字内容4</TD>
<TD align=center>文字内容5</TD></TR>
<TR>
<TD align=center>文字内容6</TD>
<TD align=center>文字内容7</TD></TR>

</TBODY></TABLE>

2

 

文字内容A 文字内容B 文字内容C 文字内容D 文字内容E
文字内容F 文字内容G 文字内容H 文字内容I
文字内容J 文字内容K 文字内容L 文字内容M

代码:

<TABLE borderColor=#ff0000 cellSpacing=2 width=360 align=center HEIGHT=150 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD ROWSPAN=4 align=center>文字内容A</TD>
<TD align=center>文字内容B</TD>
<TD align=center>文字内容C</TD>
<TD align=center>文字内容D</TD>
<TD align=center>文字内容E</TD></TR>
<TR>
<TD align=center>文字内容F</TD>
<TD align=center>文字内容G</TD>
<TD align=center>文字内容H</TD>
<TD align=center>文字内容I</TD>
</TR>
<TR>
<TD>文字内容J</TD>
<TD>文字内容K</TD>
<TD>文字内容L</TD>
<TD>文字内容M</TD>
</TR>
</TBODY></TABLE>

3

 

文字标题
文字内容A 文字内容B 文字内容C 文字内容D 文字内容E
文字内容F 文字内容G 文字内容H 文字内容I
文字内容J 文字内容K 文字内容L 文字内容M

 代码:

<TABLE borderColor=#ff0000 cellSpacing=2 width=310 align=center HEIGHT=150 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD COLSPAN=5 align=center>文字标题</TD></TR>
<TR>
<TD ROWSPAN=4 align=center>文字内容A</TD>
<TD align=center>文字内容B</TD>
<TD align=center>文字内容C</TD>
<TD align=center>文字内容D</TD>
<TD align=center>文字内容E</TD></TR>
<TR>
<TD align=center>文字内容F</TD>
<TD align=center>文字内容G</TD>
<TD align=center>文字内容H</TD>
<TD align=center>文字内容I</TD>
</TR>
<TR>
<TD align=center>文字内容J</TD>
<TD align=center>文字内容K</TD>
<TD align=center>文字内容L</TD>
<TD align=center>文字内容M</TD>
</TR>
</TBODY></TABLE>

4

 

文字标题
文字内容A 文字内容B 文字内容C 文字内容D 文字内容K
文字内容E 文字内容F 文字内容G
文字内容H 文字内容I 文字内容J

 代码:

<TABLE borderColor=#ff0000 cellSpacing=2 width=310 align=center HEIGHT=150 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD COLSPAN=5 align=center>文字标题</TD></TR>
<TR>
<TD ROWSPAN=3 align=center>文字内容A</TD>
<TD align=center>文字内容B</TD>
<TD align=center>文字内容C</TD>
<TD align=center>文字内容D</TD>
<TD ROWSPAN=3 align=center>文字内容K</TD></TR>
<TR>
<TD align=center>文字内容E</TD>
<TD align=center>文字内容F</TD>
<TD align=center>文字内容G</TD>
</TR>
<TR>
<TD align=center>文字内容H</TD>
<TD align=center>文字内容I</TD>
<TD align=center>文字内容J</TD>
</TR>
</TBODY></TABLE>

5

 

文字标题1
文字内容A 文字内容B 文字内容C 文字内容D 文字内容K
文字内容E 文字内容F 文字内容G
文字内容H 文字内容I 文字内容J
文字标题2

 代码:

<TABLE borderColor=#ff0000 cellSpacing=3 width=360 align=center HEIGHT=150  bgColor=#000000 border=2>
<TBODY>
<TR>
<TD COLSPAN=5 align=center>文字标题1</TD></TR>
<TR>
<TD ROWSPAN=3 align=center>文字内容A</TD>
<TD align=center>文字内容B</TD>
<TD align=center>文字内容C</TD>
<TD align=center>文字内容D</TD>
<TD ROWSPAN=3 align=center>文字内容K</TD></TR>
<TR>
<TD align=center>文字内容E</TD>
<TD align=center>文字内容F</TD>
<TD align=center>文字内容G</TD></TR>
<TR>
<TD align=center>文字内容H</TD>
<TD align=center>文字内容I</TD>
<TD align=center>文字内容J</TD></TR>
<TR>
<TD COLSPAN=5 align=center>文字标题2</TD></TR>
</TBODY></TABLE>

6

 

文字标题1
文字内容A 文字内容D 文字内容B 文字内容E 文字内容C
文字内容F 文字内容G
文字内容H 文字内容I
文字标题2

 代码:

<TABLE borderColor=#ff0000 cellSpacing=3 width=360 align=center HEIGHT=150  bgColor=#000000 border=2>
<TBODY>
<TR>
<TD COLSPAN=5 align=center>文字标题1</TD></TR>
<TR>
<TD ROWSPAN=3 align=center>文字内容A</TD>
<TD align=center>文字内容D</TD>
<TD ROWSPAN=3 align=center>文字内容B</TD>
<TD align=center>文字内容E</TD>
<TD ROWSPAN=3 align=center>文字内容C</TD></TR>
<TR>
<TD align=center>文字内容F</TD>
<TD align=center>文字内容G</TD></TR>
<TR>
<TD align=center>文字内容H</TD>
<TD align=center>文字内容I</TD></TR>
<TR>
<TD COLSPAN=5 align=center>文字标题2</TD></TR>
</TBODY></TABLE>

7

 

文字内容A
文字内容1 文字内容2 文字内容3
文字内容B
文字内容4 文字内容5 文字内容6
文字内容C
文字内容7 文字内容8 文字内容9

 代码:

<TABLE borderColor=#ff0000 cellSpacing=3 width=360 align=center HEIGHT=100 bgColor=#000000 border=2>
<TBODY>
<TR>
<TD colSpan=3 align=center>文字内容A</TD></TR>
<TR>
<TD align=center>文字内容1</TD>
<TD align=center>文字内容2</TD>
<TD align=center>文字内容3</TD></TR>
<TR>
<TD colSpan=3 align=center>文字内容B</TD></TR>
<TR>
<TD align=center>文字内容4</TD>
<TD align=center>文字内容5</TD>
<TD align=center>文字内容6</TD></TR>
<TR>
<TD colSpan=3 align=center>文字内容C</TD></TR>
<TR>
<TD align=center>文字内容7</TD>
<TD align=center>文字内容8</TD>
<TD align=center>文字内容9</TD></TR>
</TBODY></TABLE>

8

 

文字内容1 文字内容2 文字内容A 文字内容3 文字内容4
文字内容5 文字内容6 文字内容7 文字内容8

 代码:

<TABLE borderColor=#ff0000 cellSpacing=3 width=380 align=center HEIGHT=150 bgColor=#000000 border=2>
<TBODY>

<TR>
<TD align=center>文字内容1</TD>
<TD align=center>文字内容2</TD>
<TD align=center ROWSPAN=2>文字内容A</TD>
<TD align=center>文字内容3</TD>
<TD align=center>文字内容4</TD></TR>
<TR>
<TD align=center>文字内容5</TD>
<TD align=center>文字内容6</TD>
<TD align=center>文字内容7</TD>
<TD align=center>文字内容8</TD></TR>
</TBODY></TABLE>

9

 

文字内容1 文字内容2
文字内容3 文字内容4

 代码:

<TABLE borderColor=#666666 cellSpacing=0 width=380 align=center HEIGHT=150 bgColor=#555555 border=1>
<TBODY>
<TR>
<TD bgcolor="#555555" bordercolorlight="#000000" bordercolordark="#888888" align=center>文字内容1</TD>
<TD bgcolor="#555555" bordercolorlight="#000000" bordercolordark="#888888" align=center>文字内容2</TD></TR>
<TR>
<TD bgcolor="#555555" bordercolorlight="#000000" bordercolordark="#888888" align=center>文字内容3</TD>
<TD bgcolor="#555555" bordercolorlight="#000000" bordercolordark="#888888" align=center>文字内容4</TD></TR>
</TBODY></TABLE>

10

 

表中表效果

 代码:

<TABLE borderColor=#666666 height=150 cellSpacing=2 width=380 align=center border=0>
<TBODY>
<TR>
<TD>
<FIELDSET style="WIDTH: 250px; color: #00FFF; BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" align=center><LEGEND style="BORDER-RIGHT: #00ff00 1px solid; BORDER-TOP: #00FF00 1px solid; BORDER-LEFT: #00ff00 1px solid; COLOR: #00ffff; BORDER-BOTTOM: #00ff00 1px solid">表中表效果</LEGEND><BR></FIELDSET>
</TD></TR></TBODY></TABLE>

『快乐互动,精彩你我;创造喜悦,分享快乐!』

倾颜戏羽声明:引用请勿去掉与本文的链接,未经许可请不要随意篡改;转载须注明本文出处。

一些特殊表格的制作 - 倾颜戏羽 - 倾颜戏羽
  评论这张
 
阅读(85)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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