传统的网页文字边框/描边效果是通过图片实现的,其实我们也可以通过 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
}
效果:
零五网[https://www.02405.com]
text-shadow属性定义及使用说明
text-shadow 属性应用于阴影文本。
语法:
text-shadow: h-shadow v-shadow blur color;
值 | 描述 |
---|---|
h-shadow | 必需。水平阴影的位置。允许负值。 |
v-shadow | 必需。垂直阴影的位置。允许负值。 |
blur | 可选。模糊的距离。 |
color | 可选。阴影的颜色。 |