[分享]css3文本阴影代码

CSS3中，提供了设置文本阴影的属性，可以让页面上的文本更加突出。下面我们来看一下文本阴影代码的使用方法：/ 设置文字阴影 / textshadow: hshadow vshadow blur col...

CSS3中，提供了设置文本阴影的属性，可以让页面上的文本更加突出。下面我们来看一下文本阴影代码的使用方法：

/* 设置文字阴影 */
text-shadow: h-shadow v-shadow blur color;

/* 具体参数含义如下 */
h-shadow：水平方向上的阴影偏移量，可以是负值；
v-shadow：垂直方向上的阴影偏移量，可以是负值；
blur：模糊程度，可以是0；
color：阴影颜色。 

下面是一个实例，在文本中添加一个淡黑色的文本阴影：

/* 实例 */
h1 {
  text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
} 

在上面的实例中，文本阴影偏移量分别是2px，在横向和纵向上都有阴影，模糊程度为2px，阴影颜色为淡黑色。通过这个实例可以了解到如何设置文本阴影。除了设置单一的阴影之外，我们还可以设置多种不同的阴影效果，具体可以参考CSS3文档。