刚看到一个网站上,所有文字都有淡淡的阴影,蛮好看,经过查看使用了下面的css:
body {
background: #f2f2f2;
font: 12px 微软雅黑, Verdana, Tahoma, Lucida Grande, Arial, sans-serif;
color: #000;
text-shadow: 0px 1px 0px #d1d1d1;
}
语法:
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中会被忽略,当做无效。