html5中文学习网

您的位置: 首页 > 视频教程 > CSS3视频教程 » 正文

在CSS3中给文字添加阴影(text-shadw)效果_HTML5中文网 - 中国领先的HTML5技术门户

[ ] 已经帮助:人解决问题

在CSS中可以使用text-shadow属性给页面上的文字添加阴影效果,到目前为止,Safari浏览器、Firefox浏览器、Chrome浏览器,以及Opera浏览器都支持该功能。eJ3HTML5中文学习网 - HTML5先行者学习网

text-shadow的使用方法如下:eJ3HTML5中文学习网 - HTML5先行者学习网

text-shadw:length length length color

前三个属性值为阴影在X轴上的位移、Y轴上的位移、模糊半径,color指阴影的颜色。eJ3HTML5中文学习网 - HTML5先行者学习网

上面的效果实例中这样去定义文本的样式:eJ3HTML5中文学习网 - HTML5先行者学习网

text-shadow:2px 2px 1px #77A423;

我们还可以使用text-shadow属性给文字指定多个阴影,并且针对每个阴影使用不同过的颜色。指定多个阴影时,使用逗号将多个阴影进行分割。eJ3HTML5中文学习网 - HTML5先行者学习网

text-shadow:2px 2px 1px #77A423,30px 30px 1px #77A423;
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助