[分享]css3文字加阴影

CSS3的文字加阴影功能非常的实用，可以让文字更加突出、美观。下面我们来看一下如何使用CSS3的文字加阴影功能。 / 设置文字阴影颜色、位置和大小 / textshadow: 2px 2px 2px ...

CSS3的文字加阴影功能非常的实用，可以让文字更加突出、美观。下面我们来看一下如何使用CSS3的文字加阴影功能。

 /* 设置文字阴影颜色、位置和大小 */
    text-shadow: 2px 2px 2px #ccc; 

在上述代码中，我们可以看到设置文字阴影的属性为text-shadow，其后面紧跟着阴影的位置、颜色、阴影的大小等信息。

 /* 可以设置多个文字阴影，用逗号分隔*/
    text-shadow: 2px 2px 2px #ccc, 4px 4px 4px #999; 

如果需要设置多个文字阴影，我们只需要在阴影信息之间用逗号分开即可。

 /* 内阴影 */
    text-shadow: inset 2px 2px 2px #ccc; 

如果需要设置文字的内阴影，只需要在text-shadow属性值前面加上inset即可。

总体而言，CSS3的文字加阴影功能非常的实用，通过设置不同的位置、颜色和大小等信息，我们可以为文字增添更多的美感和视觉效果。