[分享]css3文字外部描边

CSS3文字外部描边可以让文字看起来更加醒目，增强视觉效果。这个特性可以用在标题、标语、广告等文字设计之中。 textshadow: 2px 2px black; 上面这行代码是使用CSS3提供的t...

CSS3文字外部描边可以让文字看起来更加醒目，增强视觉效果。这个特性可以用在标题、标语、广告等文字设计之中。

<span class="code">
text-shadow: 2px 2px black;
</span> 

上面这行代码是使用CSS3提供的text-shadow属性来实现文字外部描边的效果。其中，2px表示阴影的水平和垂直偏移量，black表示阴影的颜色。这个属性可以设置多个值，用逗号隔开，来实现更加复杂的效果。

<span class="code">
text-shadow: 1px 1px #CCC, -1px -1px #CCC, 1px -1px #CCC, -1px 1px #CCC;
</span> 

上面这个例子中，使用了4个阴影，呈现出一种类似卡通效果的描边效果。我们可以自由选择阴影的偏移方向、大小、颜色等属性，来调整文字描边的效果。

需要注意的是，这个属性只对现代浏览器有效，如Chrome、Firefox、Safari、IE9及以上版本等。为了兼容性，我们可以通过其他方式来实现类似的效果，如使用图片、Canvas等技术。

总之，CSS3的text-shadow属性为我们提供了一种简单而效果不错的文字描边方案，可以帮助我们制作更具吸引力的文字设计。