Css 通过 text-shadow 实现文字边框/文字描边效果 – 珊瑚贝

传统的网页文字边框/描边效果是通过图片实现的，其实我们也可以通过 css 的 text-shadow 属性实现文字边框/文字描边效果，代码如下：

.title{
  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
  font-size: 1.875rem;
  font-weight:700;color:#0550a1
}

效果：

text-shadow属性定义及使用说明

text-shadow 属性应用于阴影文本。

语法：

text-shadow: h-shadow v-shadow blur color;