一、效过图展示:已经是比较久之前学习的文字效果了。但是还是很实用很有趣的。利用CSS3提供的text-shadow属性可以给页面上的文字添加阴影效果,因此可以替换掉之前使用过的一些繁琐的图片。到目前为止Safari、FireFox、Chrome和Opera等主流浏览器都支持该功能 ...
一、效过图展示:
已经是比较久之前学习的文字效果了。但是还是很实用很有趣的。利用CSS3提供的text-shadow属性可以给页面上的文字添加阴影效果,因此可以替换掉之前使用过的一些繁琐的图片。到目前为止Safari、FireFox、Chrome和Opera等主流浏览器都支持该功能。
二、介绍CSS3的 text-shadow属性
text-shadow属性可以给页面上的文字添加阴影效果,基本语法如下:
text-shadow:none|<length>none|[<shadow>,]*<shadow>
text-shadow:none|<color>[,<color>]*
text-shadow属性的初始值为无,适用于所有元素。
color:表示颜色
length:表示由浮点数字和单位标识符组成的长度值,可以为负值,指定阴影的水平延伸距离。
上面的基本语法如果不理解的,请看下面这个例子
<style type="text/css"> p{ text-shadow:0.1em 0.1em 0.3em #333333; }</style>
原标题:CSS3利用text
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。