属性为文字添加描边或轮廓

我们经常给一个div设置边框色，有时想给一个文字设置边框色。 假设设置一个红色的边框，文字设置为白色

代码示例

代码

:::vip

h1 {
            -webkit-text-stroke: 1px crimson;
            text-stroke: 1px crimson;
            color: #FFF;
}

:::

示例

边框加文字背景图

代码

:::vip

h1 {
            background-image: url('img/9b8e9989f50130c25927bb93cfff99fb.jpeg');
            /* 主要用到这个方法 */
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            -webkit-text-stroke: 1px crimson;
            text-stroke: 1px crimson;
        }

:::

示例

可以给文字加一个背景图，然后再价格背景图，可以看一下这个示例https://yigechengzi.com/article_detail/238.html