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

风轻云淡

大道似水,顺其自然

 
 
 

日志

 
 

多列多彩闪动边框代码及应用实例  

2010-01-09 11:44:56|  分类: ★代码★ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
效果图:

多列多彩闪动边框代码及应用实例 - 风轻云淡 - 风轻云淡

 

代码:

<P align=center>
<TABLE border=5 cellSpacing=5 borderColor=#ff1493 cellPadding=0 width=480 bgColor=#63b8ff height=460>
<TBODY>
<TR>
<TD height=80>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=480 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=80>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>祝</FONT></DIV></DIV></TD>
<TD bgColor=#ffff00 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>您</FONT></DIV></DIV></TD>
<TD bgColor=#63b8ff width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>新</FONT></DIV></DIV></TD>
<TD bgColor=#ff9999 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>年</FONT></DIV></DIV></TD>
<TD bgColor=#33ff00 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>快</FONT></DIV></DIV></TD>
<TD bgColor=#ff00ff width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>乐</FONT></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=300>
<P align=center><IMG src="
http://img66.ph.126.net/ZnPF4kJ35Zwp206AhpDypw==/841328705388919818.jpg"></P></TD></TR>
<TR>
<TD height=80>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=480 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=80>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>欢</FONT></DIV></DIV></TD>
<TD bgColor=#ffff00 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>迎</FONT></DIV></DIV></TD>
<TD bgColor=#63b8ff width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>您</FONT></DIV></DIV></TD>
<TD bgColor=#ff9999 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>的</FONT></DIV></DIV></TD>
<TD bgColor=#33ff00 width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>光</FONT></DIV></DIV></TD>
<TD bgColor=#ff00ff width=80>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>临</FONT></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

 边框图:

添加图片或者文字内容,欢迎大家使用。。。

六列多彩:

八列多彩:

十列多彩:

 代码:

<P align=center>
<TABLE border=5 cellSpacing=5 borderColor=#ff1493 cellPadding=0 width=600 bgColor=#00ff00 height=500>
<TBODY>
<TR>
<TD height=100>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=600 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=100>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>祝</FONT></DIV></DIV></TD>
<TD bgColor=#ffff00 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>您</FONT></DIV></DIV></TD>
<TD bgColor=#63b8ff width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>新</FONT></DIV></DIV></TD>
<TD bgColor=#ff9999 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>年</FONT></DIV></DIV></TD>
<TD bgColor=#33ff00 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>快</FONT></DIV></DIV></TD>
<TD bgColor=#ff00ff width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>乐</FONT></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=300>
<P align=center><FONT color=#000000><STRONG>添加图片或者文字内容,欢迎大家使用。。。</STRONG></FONT></P></TD></TR>
<TR>
<TD height=100>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=600 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=100>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>欢</FONT></DIV></DIV></TD>
<TD bgColor=#ffff00 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>迎</FONT></DIV></DIV></TD>
<TD bgColor=#63b8ff width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>您</FONT></DIV></DIV></TD>
<TD bgColor=#ff9999 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>的</FONT></DIV></DIV></TD>
<TD bgColor=#33ff00 width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>光</FONT></DIV></DIV></TD>
<TD bgColor=#ff00ff width=100>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 60px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>临</FONT></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P align=center>六列多彩:<WBR></P>
<P align=center>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=600 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=100>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=100></TD>
<TD bgColor=#ffff00 width=100></TD>
<TD bgColor=#1e90ff width=100></TD>
<TD bgColor=#54ff9f width=100></TD>
<TD bgColor=#63b8ff width=100></TD>
<TD bgColor=#33ff00 width=100></TD></TR></TBODY></TABLE></P>
<P align=center>八列多彩:<WBR></P>
<P align=center>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=480 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=60>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=60></TD>
<TD bgColor=#ffff00 width=60></TD>
<TD bgColor=#63b8ff width=60></TD>
<TD bgColor=#33ff00 width=60></TD>
<TD bgColor=#ffff00 width=60></TD>
<TD bgColor=#63b8ff width=60></TD>
<TD bgColor=#33ff00 width=60></TD>
<TD bgColor=#ff00ff width=60></TD></TR></TBODY></TABLE></P>
<P align=center>十列多彩:</P>
<P align=center><WBR></P>
<P align=center>
<TABLE border=1 cellSpacing=3 borderColor=#ffffff borderColorDark=#000000 cellPadding=10 width=600 background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg bgColor=#ffffff height=60>
<TBODY>
<TR>
<TD bgColor=#ff6699 width=60></TD>
<TD bgColor=#ffff00 width=60></TD>
<TD bgColor=#63b8ff width=60></TD>
<TD bgColor=#33ff00 width=60></TD>
<TD bgColor=#ff00ff width=60></TD>
<TD bgColor=#ff6699 width=60></TD>
<TD bgColor=#ffff00 width=60></TD>
<TD bgColor=#63b8ff width=60></TD>
<TD bgColor=#33ff00 width=60></TD>
<TD bgColor=#ff00ff width=60></TD></TR></TBODY></TABLE></P>
<P><FONT color=#000000></FONT>&nbsp;</P>

代码说明及制作原理:1.代码中的文字可以替换为您自己的文字。 2.代码中地址http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.jpg 为多彩闪动边框的背景底图,大家可以自己替换为喜欢的其它动态底图。 3.以上各种效果图代码的获取方法:复制以上各图--放到即将发表的文章中--点击“代码”即可获得代码。 4.制作原理,就是首先制作表格(可以利用在线HTML编辑器制作,例如HTML编辑器),接着给边框添加上动态背景图即可。实际上在线HTML编辑器制作表格已经提供了该功能。

  评论这张
 
阅读(252)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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