文字处理效果:遮罩文字显示
参数: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>
效果:
评论