`
mrstanglu
  • 浏览: 39580 次
  • 性别: Icon_minigender_2
  • 来自: 郑州
社区版块
存档分类
最新评论

使用css设置字体的透明度及艺术字代码

CSS 
阅读更多
使用css设置字体的透明度及艺术字代码
2006/10/28 下午 06:28

<div   style="height:   60;   background-color:   red;   filter:alpha(opacity=20);">meizz</div>   
放td容器里面   
  <table   width="100%"     border="0"   cellspacing="0"   cellpadding="0">   
      <tr>   
          <td     style="filter:alpha(opacity=50)">test</td>   
      </tr>   
  </table>   
    
  或者可以设置整个body的透明度   
  body   {filter:alpha(opacity=50)} 

  alpha   透明滤镜 

艺术字代码      
发光文字代码   

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">   

<font color=#ffffff size=2>你要的文字</font>    

</table>   

其中color 是阴影的颜色,可以配合网页色调改变,direction 是设置阴影的强度。font color是原字体的颜色。   

3D文字效果:  代码:  
<style type="text/css">      
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }       
</style>      
<table border="0" width="100%">      
<tr>      
<td width="100%" class="3dfont"><font color="#008040">文字</font>    

浮雕的文字   
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">    

<font color=#0000FF>你要的文字</font>    

</table>    
color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度。offx;offy是设置的阴影和文字的距离;font color是原字体的颜色。   

阴影的文字   
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">    

<font color=#6CABE7 size=2>你要的文字</font>    

</table>   

文本框字体   

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">输入内容   

注:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics