CSS3利用text-shadow属性实现多种效果的文字样式展现方法

2020-04-30 14:33:07易采站长站整理

            color:#d1d1d1;   
            background: #CCC;   
        }   
    </style>  

XML/HTML Code复制内容到剪贴板

<p class="p1">多色阴影效果</p>  
<p class="p2">火焰效果</p>  
<p class="p3">立体凸起效果</p>  
<p class="p4">立体凹下效果</p>  
<p class="p5">描边效果</p>  
<p class="p6">外发光效果</p>  

合理使用text-shadow属性帮助我们实现一些较简单的特殊文字效果,可以省去页面加载部分繁复的静态图片资源。

以上这篇CSS3利用text-shadow属性实现多种效果的文字样式展现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。