使用文字阴影效果除了可以制作外发光之外,在某些时候还可以替代图片的文字描边效果。
上过程:
1、文字阴影
text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
这是使用的黑色1像素阴影制作的描边
效果如下:
2、还有另外一种css
使用text-stroke,但是这种兼容性不如text-shadow,测试chrome下必须加前缀-webkit-
-webkit-text-stroke:1px #000000;
chrome测试效果如下:
效果方面第二种要好,但是兼容性不好。
以上。
这样就可以在不使用图片的情况下给文字加描边了。
参考链接:
/tu-0718/p/11331193.html