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

爱网易!爱生活!

 
 
 

日志

 
 

文字遮罩显示代码  

2010-03-15 22:42:27|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文字处理效果:遮罩文字显示

参数:style="FILTER: mask(color=#000000)"

这个参数的效果,就是将文字变成空的,文字部分显示出背景内容,而非文字部分用预先设定的颜色color=#000000遮住。

使用方法:

这个参数放在表格的行代码<TD>里面使用<TD style="FILTER: mask(color=#000000)" >

以下作一张带背景的表格,遮罩颜色设为黑色。为了突出效果,将文字设成大文字显示。

<TABLE background=http://img1.bimg.126.net/photo/5IcPpBtEMcKwvn3_0HGVAw==/296393150476787329.gif border=1>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)">
<P><FONT style="FONT-SIZE: 60pt" face=黑体 size=7><STRONG>蓝波欢迎您!</STRONG></FONT></P></TD></TR></TBODY></TABLE>

 

蓝波欢迎您!

 

 

用另一个参数Chroma实现遮罩效果

<DIV id=texture style="WIDTH: 560px; HEIGHT: 70px">
<P><STRONG><IMG style="WIDTH: 557px; HEIGHT: 70px" height=70 alt="" src="http://img47.bimg.126.net/photo/6O4q1p3mj2beuX69WcQq5w==/4256183122842125241.gif" width=557 align=right></STRONG> </P>
<DIV style="FONT-SIZE: 60px; FILTER: Chroma(color=#FCFBFA); WIDTH: 560px; HEIGHT: 70px; BACKGROUND-COLOR: #ffffff" align=center>
<DIV align=center><FONT color=#fcfbfa><STRONG>蓝波欢迎您!</STRONG></FONT></DIV></DIV></DIV>

蓝波欢迎您!

 

使用这个参数,还可以实现一种探照灯的效果:

<TABLE height=310 cellSpacing=0 cellPadding=0 width=810 align=center background=http://img238.ph.126.net/L89DoR4z6fYRVPRhUqwtsg==/2221400516201497707.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)" bgColor=#ffffff>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=300>
<MARQUEE scrollAmount=3 behavior=alternate width=800> <FONT style="FONT-SIZE: 60pt" face=隶书 color=#ff00ff>蓝波欢迎您!</FONT> </MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 效果:

蓝波欢迎您!

文字遮罩显示代码 - 蓝波 - 蓝波欢迎您!


  评论这张
 
阅读(436)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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