在css3中,可以用text-shadow来设置文字的阴影。text-shadow的具体设置如下:

text-shadow: length length length color;

第一个length是指阴影在文字横方向上的偏移,正值向右,负值向左;

第二个length是指阴影在文字纵方向上的偏移,正值向下,负值向上;

第三个length是指阴影的模糊半径;

color支持三个写法:十六位颜色值、rgb写法、rgba写法。

text-shadow还支持多阴影的设置,各个阴影设置之前用逗号分隔开,具体如下:

text-shadow: length length length color,length length length color;

目前各浏览器对text-shadow的支持程度如下:

阴影十六位颜色值rgb写法rgba写法多阴影
firefox 23.0.1支持支持支持支持支持
chrome 29.0.1547.57支持支持支持支持支持
opera 11.52支持支持支持支持支持
safari for window 5.1.1支持支持支持支持支持
ie10支持支持支持支持支持
ie9不支持不支持不支持不支持不支持
ie8不支持不支持不支持不支持不支持
ie7不支持不支持不支持不支持不支持

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

作者

admin@wordpress.com

相关文章

css3实现多背景

1、属性分开写 例子如下: #example...

读出全部

长英文、数字字符的自行换行

长英文、数字字符的自行换行是一个老生常谈的话...

读出全部

图文自适应布局

有时,我们在做项目时,会遇到这样一种情况——...

读出全部

伪类与伪元素的区别

在css2中对它们的定义如下: 伪元素:伪元...

读出全部