我需要在我的 HTML 页面中的文本周围显示颜色，我尝试了边框属性，但它在文本周围给出了方形框。如何达到以下要求
谢谢。
问问题
1503 次
7 回答
5
我会在这里写代码......但是这个链接http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects很好地解释了它。
示例演示：http ://codepen.io/anon/pen/CDsFb
这个其实好多了...
text-shadow: 3px 3px 0 #000,
/* Simulated effect for Firefox and Opera and nice enhancement for WebKit */
-3px -3px 0 #000,
3px -3px 0 #000,
-3px 3px 0 #000,
3px 3px 0 #000;
这将确保它看起来像您想要的适当边框，而不是文本周围的简单发光。
于 2013-01-18T14:57:31.757 回答
4
您正在寻找text-shadowCSS 属性
text-shadow: 0px 0px 3px orange;
于 2013-01-18T14:59:21.470 回答
1
您可以使用
text-shadow: 0px 0px 4px #1d1dab;
filter: dropshadow(color=#1d1dab, offx=0, offy=0);
于 2013-01-18T14:58:20.007 回答
0
您可以使用CSS3 text-shadow 属性。只要浏览器支持 webkit，这应该会出现。
于 2013-01-18T14:58:48.260 回答
0
如果浏览器不支持 CSS3：
使用可以使用字体大小分别为 17px 和 18px 的两个文本节点（例如），并通过 CSS 第一个在第二个（位置：绝对，z-index：100，左，上等）以不同的颜色进行定位。
于 2013-01-18T14:59:23.980 回答
0
谢谢你的建议，我在这里找到了一个例子来满足这个要求
http://gazpo.com/2011/02/text-shadow/ 7. 文字周围的边框
text-shadow: 0 -4px #00468C,4px 0 #00468C,0 4px #00468C,-4px 0 #00468C,4px -4px #00468C,-4px 4px #00468C,4px 4px #00468C,-4px -4px #00468C;
于 2013-01-18T15:06:00.453 回答
0
main-heading h2{
-webkit-text-stroke: 2px #42a6e1;
}
文本阴影无法正常工作。所以使用文本描边而不是文本阴影。文字阴影在不同的设备上也有困难。
您可以在下面给出的屏幕截图中看到
于 2021-10-23T08:39:11.363 回答