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

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

1、效果图：

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>
 

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!