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

清泉的博客

开阔视野,让心飞扬!!

 
 
 

日志

 
 

【转载】水晶表格制作及代码  

2014-05-07 17:03:41|  分类: 【博客代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自蓝色妖姬《水晶表格制作及代码》

水晶表格制作及代码

 

 点击图片即可进入蓝色妖姬博客

 

标题

内容

 

1.代码:<TABLE borderColor=#cc0606 height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center><FONT color=#ffffff>标题</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=178>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR></TBODY></TABLE>

===================================================================================

 

 标题

 标题

内容

内容

 

2.代码: <TABLE borderColor=#cc0606 height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center>&nbsp;<FONT color=#ffffff>标题</FONT></P></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center><FONT color=#ffffff>&nbsp;标题</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=178>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD>
<TD vAlign=top height=178>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR></TBODY></TABLE>

===================================================================================

 

 标题

内容

内容

 

3.代码: <TABLE borderColor=#cc0606 height=42 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center>&nbsp;<FONT color=#ffffff>标题</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=10>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR>
<TR>
<TD vAlign=top height=10>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR></TBODY></TABLE>
<P><BR></P></FONT>

===================================================================================

 

代码说明

上面三个效果是最基本的示范,你可以多做几行(列)

1、表格颜色可换,borderColor=#cc0606 、bgColor=#cc0606

2、高height=42 和width=200按需要调整。

3、增加一行(效果三)

<TR>
<TD vAlign=top height=10>内容 </TD></TR>

依此类推增加行
4、增加一列(效果二)

表头增加

<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>&nbsp;标题</TD>

表格同时增加
<TD vAlign=top height=178>内容 </TD>

依此类推增加列


 


更多的博客制作代码点击欣赏...

 

 点击图片即可进入蓝色妖姬博客

 

 

 点击图片即可进入蓝色妖姬博客

 

 点击图片即可进入蓝色妖姬博客

 

 点击图片即可进入蓝色妖姬博客

  评论这张
 
阅读(50)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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