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

CSS边框的一个不足就是只有矩形的元素才能使用。

-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。

而且，配合使用color: transparent属性，还可以创建镂空的字体！

-webkit-text-fill-color可以填充中间的颜色部分，可以自己尝试一下！

h2{
     
    font-size: 36px;
    color: transparent;
    -webkit-text-fill-color: #ffdaa6;/*文字的填充色*/
    -webkit-text-stroke: 1.2px #000;
}

查看效果