最基本的几种CSS文字滤镜效果

闲来无事,整理一些CSS文字效果,给初学者。下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的。因为太懒,所以没有写注释也没有写什么语法格式,自己看看吧! 嘿嘿。(看不明白别骂我呀)

1、效果图:

一路阳光  
一路阳光  

一路阳光

 

一路阳光

 

一路阳光

 
一路阳光  
一路阳光  

一路阳光

 

一路阳光

 

SUNNY

 

SUNNY

 
一路阳光  
一路阳光  
一路阳光  
一路阳光  
一路阳光  
一路阳光  
一路阳光  
 
一路阳光  

2、源代码

<table border=1>
  <tr>
    <td>
    <span>一路阳光  </span></td>
  </tr>
  <tr>
    <td>
    <span>一路阳光</span></td>
  </tr>
  <tr>
    <td>
<div>
        <p> 一路阳光</div></td>
  </tr>
  <tr>
    <td>
<div>
        <p> 一路阳光</div></td>
  </tr>
  <tr>
    <td>
<div>
        <p> 一路阳光</div></td>
  </tr>
  <tr>
    <td>
<span>一路阳光</span></td>
  </tr>
  <tr>
    <td>
<span>一路阳光</span></td>
  </tr>
  <tr>
    <td>
<div>一路阳光</div></td>
  </tr>
  <tr>
    <td>
<div>一路阳光</div></td>
  </tr>
  <tr>
    <td>
<div>
        <p>SUNNY</div></td>
  </tr>
  <tr>
    <td>
<div>
        <p>SUNNY</div></td>
  </tr>
  <tr>
    <td><font color="blue" size="6"><b>一路阳光</b></font></td>
  </tr>
  <tr>
    <td><font color="blue" size="6"><b>一路阳光</b></font></td>
  </tr>
  <tr>
    <td><font  color="blue" size="6"><b>一路阳光</b></font></td>
  </tr>
  <tr>
    <td><font  color=#E1E4EC size=6><b>一路阳光</b></font></td>
  </tr>
  <tr>
    <td><font 
color=#8C96B5 size=6><b>一路阳光</b></font></td>
  </tr>
  <tr>
    <td height=54><font color=#8C96B5 size=6><b>一路阳光</b></font></td>
  </tr>
  <tr>
    <td><span>一路阳光</span></td>
  </tr>
  <tr>
    <td><span>一路阳光</span></td>
  </tr>
</table>
<table align=center background="http://www.idc2008.com/468X60-8.gif" border=0>
  <tr>
    <td><font size="7"> <b>一路阳光</b></font></td>
  </tr>
</table>
 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzdfyf.html