在CSS中可以使用text-shadow属性给页面上的文字添加阴影效果,到目前为止,Safari浏览器、Firefox浏览器、Chrome浏览器,以及Opera浏览器都支持该功能。
text-shadow的使用方法如下:
text-shadw:length length length color
前三个属性值为阴影在X轴上的位移、Y轴上的位移、模糊半径,color指阴影的颜色。
上面的效果实例中这样去定义文本的样式:
text-shadow:2px 2px 1px #77A423;
我们还可以使用text-shadow属性给文字指定多个阴影,并且针对每个阴影使用不同过的颜色。指定多个阴影时,使用逗号将多个阴影进行分割。
text-shadow:2px 2px 1px #77A423,30px 30px 1px #77A423;