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