CSS 边框的一个不足就是只有矩形的元素才能使用.
-webkit-text-stroke 可以为文字添加边框. 它不但可以设置文字边框的宽度, 也能设置其颜色.
而且, 配合使用 color: transparent 属性, 还可以创建镂空的字体!
(推荐学习: CSS 视频教程 https://www.html.cn/css/ )
-webkit-text-fill-color 可以填充中间的颜色部分, 可以自己尝试一下!
- h2{
- font-size: 36px;
- color: transparent;
- -webkit-text-fill-color: #ffdaa6;/* 文字的填充色 */
- -webkit-text-stroke: 1.2px #000;
- }
效果:
来源: http://www.css88.com/qa/css3/14339.html