CSS阴影文字效果_文本链接特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      用CSS给文字加上阴影,从而形成具有立体感的效果,非常漂亮,直接复制代码到你的样式表中,就可以用啦……其实是用了CSS的FILTER滤镜的DropShadow属性,有很多朋友提到过为啥一样的代码,却得不到阴影效果,看下这个就明白了。

      <html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>CSS立体阴影文字</title> </head> <body> <style> .menu {COLOR: #111; FILTER: DropShadow(color=white,OffX=1, OffY=1, Positive=1); FONT-SIZE: 12px; POSITION: relative; WIDTH: 100%} .menu:hover {TEXT-DECORATION: none } .menu:visited {COLOR: #111;TEXT-DECORATION: none} .menu:hover {COLOR: #888;TEXT-DECORATION: none} A { TEXT-DECORATION: none} </style> <TABLE border="0" cellPadding="5" cellSpacing="0"> <TD bgColor="#cccccc" class="bt01" vAlign="bottom"> <DIV align="center"><A class=menu href="http://mb5u.com">模板无忧,一个学习型的源代码网站。</A></DIV> </TD></TR></table> </body> </html>