CSS - 虚线或虚线文本阴影

Question

我想创建一个带有text-shadow的CSS效果，以获得文本周围的虚线或虚线边框。像这样：

或者这个：

用CSS3或/和JavaScript可以做到这一点吗？

Answer 1

根据上述评论，请在此处查找text-shadow和text-stroke：

＆＃13;

＆＃13;

h1 {
    font-size: 40px;
    color: #000;
    text-shadow: -1px 0 #ff0000, 0 1px #ff0000, 1px 0 #ff0000, 0 -1px #ff0000;
}

h2, h3{    
    text-transform: uppercase;
    font-size: 40px;
    margin: 30px 0 0;
    -webkit-text-stroke: 1px black;
    color: #fff;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
h3{
  text-shadow: none;
}

＆＃13;

<h1>Text Shadow</h1>
<h2>Text Stroke</h2>
<h3>Text Stroke</h3>

＆＃13;

＆＃13;

＆＃13;

如需更多信息，您还可以参考此https://css-tricks.com/adding-stroke-to-web-text/