已经是比较久之前学习的文字效果了。但是还是很实用很有趣的。利用CSS3提供的text-shadow属性可以给页面上的文字添加阴影效果,因此可以替换掉之前使用过的一些繁琐的图片。到目前为止Safari、FireFox、Chrome和Opera等主流浏览器都支持该功能。
二、介绍CSS3的 text-shadow属性
text-shadow属性可以给页面上的文字添加阴影效果,基本语法如下:
text-shadow:none| none|[ ,]*
text-shadow:none| [, ]*
text-shadow属性的初始值为无,适用于所有元素。
color:表示颜色
length:表示由浮点数字和单位标识符组成的长度值,可以为负值,指定阴影的水平延伸距离。
上面的基本语法如果不理解的,请看下面这个例子
p { text-shadow : 0.1em 0.1em 0.3em #333333 ; }
查看更多关于CSS3利用text-shadow属性实现多种效果的文字样式展现的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did102009