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

clipcss3
2023-10-01 18:25:45

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

代码示例

代码

↓ 会员用户可见内容 ↓
css 复制代码 
h1 {
            -webkit-text-stroke: 1px crimson;
            text-stroke: 1px crimson;
            color: #FFF;
}

示例

边框加文字背景图

代码

↓ 会员用户可见内容 ↓
css 复制代码 
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