web前端-文字描边css

html：

<div class="textsha">文字描边</div>

css：

.textsha {
    color: #fff;
    font-size: .42rem;
    line-height: .94rem;
    text-shadow: 0.03rem 0 2px #000,
        0.02rem 0 2px #000,
        0.01rem 0 2px #000,
        0.03rem 0.01rem 2px #000,
        0.02rem 0.02rem 2px #000,
        0.01rem 0.03rem 2px #000,
        0.03rem -0.01rem 2px #000,
        0.02rem -0.02rem 2px #000,
        0.01rem -0.03rem 2px #000,
        -0.03rem 0 2px #000,
        -0.02rem 0 2px #000,
        -0.01rem 0 2px #000,
        -0.03rem 0.01rem 2px #000,
        -0.02rem 0.02rem 2px #000,
        -0.01rem 0.03rem 2px #000,
        -0.03rem -0.01rem 2px #000,
        -0.02rem -0.02rem 2px #000,
        -0.01rem -0.03rem 2px #000,
        .02rem .06rem 2px #000;
}

效果：

 用文字阴影在手机上显示效果才比较正常