白框、红框文本的CSS3技术
我与以下页面没有任何形式的关联：
http://www.wpsyndicator.com/
但是，正如您在该页面上看到的，他们使用图像来显示白色轮廓、阴影和红色文本。在CSS3中有没有实现这个特性的方法？我的意思是，我可以处理阴影和红色，但白色字体轮廓不是我熟悉的东西。
回答 2
Stack Overflow用户
发布于 2012-01-28 05:12:49
您正在寻找文本笔画。
-webkit-text-stroke: 1px white；
目前只有web-kit支持它，您可以在此处查看兼容性列表http://caniuse.com/text-stroke
更多信息：
http://css-tricks.com/adding-stroke-to-web-text/
http://www.webkit.org/blog/85/introducing-text-stroke/
这里有一个来自David的例子：http://jsfiddle.net/davidThomas/h5J6K/2/
Stack Overflow用户
发布于 2012-01-28 05:17:43
您可以使用css3文本阴影属性来实现此效果。将不会在IE中工作，因此将不得不找到一些人来模拟该浏览器的效果。代码看起来像这样...#myDiv { text-shadow: 1px 1px 1px #fff，2px 2px 1px #fff，-1px -1px 1px #fff，-2px -2px 1px #fff；}
第一个参数是与文本的水平距离，第二个参数是垂直距离，第三个参数是模糊。此数字越小，模糊程度越低。你把底片往上走或往左走。这很酷，你可以用它做一些非常整洁的效果。希望这能有所帮助
https://stackoverflow.com/questions/9040104
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号