用css给网站增加一个渐变背景

用css给网站增加一个渐变背景插图

代码介绍

首先我们用css实现增加渐变背景,我们用css定位<body>标签,增加css代码就可以实现了全局渐变背景了。

css渐变背景代码

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -520;
    pointer-events: none;
}
body::before {
    background: linear-gradient( 90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1));
}

 

上一篇 Bandizip v7.43 正式专业版
下一篇 你又回来啦、你别走吖等网页动态标题代码
网站介绍
最新评论
亦刀
亦刀
4月26日
还不错
亦刀
亦刀
4月18日
yyds永远的神
亦刀
亦刀
4月18日
喜欢的可以看看
亦刀
亦刀
4月18日
这篇文章不错
亦刀
亦刀
4月17日
这个游戏不错
亦刀
亦刀
4月12日
不错呀
文章列表
1 万兴PDF专家v12.1.17.4188专业版
万兴PDF专家v12.1.17.4188专业版
2
《死亡空间:重制版》中文版
《死亡空间:重制版》中文版
3
移动每周三抽8折话费充值券
移动每周三抽8折话费充值券
4
Foobar2000音频播放器v2.25.8
Foobar2000音频播放器v2.25.8
5
建行生活缴费抽2~5亓立减金
建行生活缴费抽2~5亓立减金
6
《宝贝别怕,有我在》中文版
《宝贝别怕,有我在》中文版
7
Black Myth: Wukong中文硬盘版
Black Myth: Wukong中文硬盘版
8
Adobe After Effects 2026 v26.2.1.2高级版
Adobe After Effects 2026 v26.2.1.2高级版
9
开始菜单StartAllBack v3.9.23.5365绿色版
开始菜单StartAllBack v3.9.23.5365绿色版
10
最新资源站7B2-WP主题源码 - WordPress主题 附教程
最新资源站7B2-WP主题源码 - WordPress主题 附教程