字体阴影

刚看到一个网站上，所有文字都有淡淡的阴影，蛮好看，经过查看使用了下面的css：

body {
	background: #f2f2f2;
	font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
	color: #000;
	text-shadow: 0px 1px 0px #d1d1d1;
}

text-shadow 这个效果可以产生阴影，效果类似浮雕一样。具体如下：

　　语法：

　　text-shadow :color ||length || length||opacity

　　参数：

　　color : 　指定颜色。请参阅颜色单位和附录：颜色表

　　length : 　由浮点数字和单位标识符组成的长度值。可为负值。第一个length指定阴影的水平延伸距离。第二个length指定阴影的垂直延伸距离。

　　opacity : 　由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个length全部设定为0。

　　说明：

　　设置或检索对象中文本的文字是否有阴影及模糊效果。

　　可以设定多组效果，方式是用逗号隔开。

　　可以被用于伪类:first-letter和:first-line。

　　目前IE5.5尚不支持此属性。

　　对应的脚本特性为textShadow。请参阅我编写的其他书目。

　　示例：

　　p { text-shadow: 0px 0px 20px yellow; }

　　p:first-letter { font-size: 36px; color: red; text-shadow: 0px 0px 5px red;}

　　需要我们注意的是：text-shadow在IE中不被支持，所以在IE中会被忽略，当做无效。