CSS3 文字边框 -webkit-text-stroke 镂空的字体

概述其实一直没用过这个属性，发现还可以有很不错的效果，就二行代码就搞掂，分享下CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用color: transparent属性，还可以创建镂空的字体！

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家，也给大家做个参考。

其实一直没用过这个属性，发现还可以有很不错的效果，就二行代码就搞掂，分享下 CSS 边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke 可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用 color: transparent 属性，还可以创建镂空的字体！

代码如下：

h3 {

color: transparent;

-webkit-text-stroke: 4px red;

}

效果如下：

https://www.22vd.com

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的CSS3 文字边框 -webkit-text-stroke 镂空的字体全部内容，希望文章能够帮你解决CSS3 文字边框 -webkit-text-stroke 镂空的字体所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。