背景线性渐变

background: linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(250, 208, 196) 99%, rgb(250, 208, 196) 100%);

​

或者

background-image: linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(250, 208, 196) 99%, rgb(250, 208, 196) 100%);
​

效果：
欢迎来到imuer视界！！！

border线性渐变

border: solid 1px;
border-image: linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(250, 208, 196) 99%, rgb(250, 208, 196) 100%) 1 1 1 1;
​

border-image: repeating-linear-gradient(-45deg, red, red 5px, transparent 5px, transparent 10px) 12
​

效果：
欢迎来到imuer视界！！！

欢迎来到imuer视界！！！

文字线性渐变

background-image: linear-gradient(45deg, rgb(255, 154, 158) 0%, rgb(250, 208, 196) 99%, rgb(250, 208, 196) 100%); // 背景线性渐变
color: #000000; // 兜底颜色，防止文字裁剪不生效
background-clip: text;
-webkit-background-clip: text; // 背景被裁减为文字的前景色
-webkit-text-fill-color: transparent; // 文字填充为透明，优先级比color高
​

效果：
欢迎来到imuer视界！！！

相关链接

css 设置border边框颜色渐变效果
CSS 文字渐变填坑技巧