在
在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 | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 |