[分享]css中字体有白色边框

在CSS中，有一种非常炫酷的技巧，可以让字体显示出白色边框，这对于美化网页的效果非常有帮助。实现这种效果并不难，只需要CSS样式中加上textstroke属性即可实现。以下是实现边框效果的代码样例： ...

在CSS中，有一种非常炫酷的技巧，可以让字体显示出白色边框，这对于美化网页的效果非常有帮助。

实现这种效果并不难，只需要CSS样式中加上text-stroke属性即可实现。以下是实现边框效果的代码样例：

 font-size: 50px;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    color: white; 

在这段样式代码中，我们将字体大小设置为50px，然后添加了两行text-stroke属性，分别指定了边框的宽度和颜色。最后，我们将字体颜色设置为白色，这样就能实现白色边框的效果。

需要注意的是，该技巧目前只能在Chrome、Safari、Firefox等现代浏览器上生效，IE浏览器暂不支持。

总之，使用CSS中字体有白色边框是一种很棒的效果，可以使网页看起来更加精美，如果你还未尝试过这种技巧，那么快来动手试试吧！