在文本块周围添加白色轮廓

时间:2013-09-18 18:59:15

标签: css

需要在文本周围添加直白色轮廓(没有像文本阴影中的模糊效果)。 例如:

http://pixs.ru/showimage/Bezimyanni_3406166_9096951.png

2 个答案:

答案 0 :(得分:3)

您可以使用多个文字阴影。

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

read more details on this

答案 1 :(得分:0)

text-stroke,但不幸的是它只是webkit。

.text_class {
   -webkit-text-stroke: 1px black;
}

它带有一个后备,但如果您不介意它在FF / Opera / IE中恢复,那么使用它是安全的。

.text-class {
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
}

CSS-Tricks在text-stroke here上有更多信息。