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

碧海蓝天心理博客

欢迎喜欢心理学的朋友来到这里!

 
 
 

日志

 
 

引用 ☆几种样式表格及代码  

2009-10-13 16:48:28|  分类: 博客资源 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

☆幾種樣式表格及代碼 - 学 海 - XUE HAI BLOG

表 格 基 本 代 码<TABLE(表格) background="地址"(背景) borderColor=#(框边的颜色) cellSpacing=(框边间距离) cellPadding=(单元格高度) width=(宽度) height=(高度) bgColor=#(背景颜色) border=(框边宽度)>

<TBODY>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR></TBODY></TABLE>

* * * * * * * * * * * * * * * * * * * * * * * * * *

colSpan=(占列数)   rowSpan=(占行数)

★1

文字 文字 文字
文字 文字 文字
文字 文字 文字

表 格 效 果 Ⅰ 代 码<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=1>
<TBODY>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR></TBODY></TABLE>

★2

 文字

文字

文字

文字

文字

表 格 效 果 Ⅱ 代 码<TABLE borderColor=#8b310c cellSpacing=10 cellPadding=10 width=600 align=center border=3>
<TBODY>
<TR>
<TD align=center colSpan=2>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD width="50%">
<A href="链接网址" target=_blank>文字</A></TD>
<TD width="50%">
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★3

文字

文字

文字

文字

文字

文字

表 格 效 果 Ⅲ 代 码<TABLE borderColor=#33ccff cellSpacing=10 cellPadding=10 width=600 align=center border=3>
<TBODY>
<TR>
<TD width="50%">
<A href="链接网址" target=_blank>文字</A></TD>
<TD width="50%">
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★4

文字

文字

文字

文字

文字

文字

文字

表 格 效 果 Ⅳ 代 码<TABLE borderColor=#FFFF00 cellSpacing=10 cellPadding=10 width=600 align=center border=3>
<TBODY>
<TR>
<TD align=center colSpan=2>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD width="50%">
<A href="链接网址" target=_blank>文字</A></TD>
<TD width="50%">
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★5

文字

文字

文字

表 格 效 果 Ⅴ 代 码<TABLE borderColor=#33ccff cellSpacing=10 cellPadding=10 width=600 align=center border=3>
<TBODY>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★6

文字

文字

文字

表 格 效 果 Ⅵ 代 码<TABLE borderColor=#c43ca9 cellSpacing=12 cellPadding=33 width=600 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★7

文字

文字

文字

文字

 文字

文字

文字

文字

文字

文字

文字

文字

表 格 效 果 Ⅶ 代 码<TABLE borderColor=#330099 cellPadding=10 width=600 align=center border=3>
<TBODY>
<TR>
<TD width="25%">
<A href="链接网址" target=_blank>文字</A></TD>
<TD width="25%">
<A href="链接网址" target=_blank>文字</A></TD>
<TD width="25%">
<A href="链接网址" target=_blank>文字</A></TD>
<TD width="25%">
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD>
<TD>
<A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★8

文字
文字
文字

表 格 效 果 Ⅷ 代 码<TABLE cellSpacing=5 cellPadding=2 width=600 align=center bgColor=#6666cc border=2>
<TBODY>
<TR>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TR>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TR>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="16.66%"><A href="链接网址" target=_blank>文字</A></TD></TR></TR></TR></TBODY></TABLE>

★9

文字 文字 文字
文字 文字 文字
文字 文字 文字

表 格 效 果 Ⅸ 代 码<TABLE borderColor=#242424 cellSpacing=10 cellPadding=0 width=600 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TR>
<TD><A href="链接网址" target=_blank>文字</A></TD>
<TD><A href="链接网址" target=_blank>文字</A></TD>
<TD><A href="链接网址" target=_blank>文字</A></TD>
<TR>
<TD><A href="链接网址" target=_blank>文字</A></TD>
<TD><A href="链接网址" target=_blank>文字</A> </TD>
<TD><A href="链接网址" target=_blank>文字</A></TD></TR></TR></TR></TBODY></TABLE>

★10

文字 文字 文字
文字 文字 文字
文字 文字 文字

表 格 效 果 Ⅹ 代 码<TABLE cellSpacing=1 cellPadding=0 width=600 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD></TR>
<TR bgColor=#dbe4f4 height=20>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD>
<TD width="33%"><A href="链接网址" target=_blank>文字</A></TD></TR></TBODY></TABLE>

★11

占一行三列
占四行一列(左) 文字 文字
文字 占五行一列(右)
文字
文字
文字 文字
文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 占四行一列(中) 文字
文字 文字
文字 文字
文字 文字
文字 文字 文字
占一行两列(左) 文字
文字 文字 文字
文字 占三行两列(右)
文字
文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字

表 格 效 果 Ⅺ 代 码<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=1>
<TBODY>
<TR align=middle>
<TD colSpan=3>占一行三列</TD></TR>
<TR align=middle>
<TD width="33%" rowSpan=4>占四行一列(左)</TD>
<TD width="33%">文字</TD>
<TD width="33%">文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD rowSpan=5>占五行一列(右)</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TR align=middle>
<TD>文字</TD>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD rowSpan=4>占四行一列(中)</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD colSpan=2>占一行两列(左)</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD colSpan=2 rowSpan=3>占三行两列(右)</TD></TR>
<TR align=middle>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR>
<TR align=middle>
<TD>文字</TD>
<TD>文字</TD>
<TD>文字</TD></TR></TR></TR></TR></TR></TBODY></TABLE>

★12

0

1

2

3

2

1

0

表 格 效 果 Ⅻ 代 码<TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=4>
<TBODY>
<TR align=middle>
<TD>0</TD>
<TR align=middle>
<TD>
<P>1</P>
<TABLE cellSpacing=0 cellPadding=0 width=560 align=center border=1>
<TBODY>
<TR align=middle>
<TD>
<P>2</P>
<TABLE cellSpacing=0 cellPadding=0 width=520 align=center border=1>
<TBODY>
<TR align=middle>
<TD>3</TD></TR></TBODY></TABLE>
<P>2</P></TD></TR></TBODY></TABLE>
<P>1</P></TD>
<TR align=middle>
<TD>0</TD></TR></TR></TR></TBODY></TABLE>

 
  评论这张
 
阅读(190)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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