文字效果可以通过css的text-shadow来实现。text-shadow是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是0。
设置简单的文字效果示例:
基本文字阴影(text-shadow):
HTML中文网h1 {text-shadow:2px 2px #FF0000;}
Text-shadow effect
注意:IE 9及更早版本的浏览器不支持 text-shadow 属性.
效果图:
text-shadow 属性:
text-shadow 属性应用于阴影文本。
语法:text-shadow: h-shadow v-shadow blur color;
属性值:h-shadow 必需。水平阴影的位置。允许负值。
v-shadow 必需。垂直阴影的位置。允许负值。
blur 可选。模糊的距离。
color 可选。阴影的颜色。