用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 正式专业版
下一篇 你又回来啦、你别走吖等网页动态标题代码
网站介绍
最新评论
wp
wp
7月27日
网站名称:汪盘搜索 网站地址:https://wangpan.xin 网站分类:搜索引擎 / 网盘搜索 / 实用工具 网站简介:汪盘搜索是一个免费的网盘资
亦刀
亦刀
4月26日
还不错
亦刀
亦刀
4月18日
yyds永远的神
亦刀
亦刀
4月18日
喜欢的可以看看
亦刀
亦刀
4月18日
这篇文章不错
亦刀
亦刀
4月17日
这个游戏不错
文章列表
1 Windows11 25H2 Build 26200.8246 RTM
Windows11 25H2 Build 26200.8246 RTM
2
苹果CMSv10 仿爱电影MizhiADY模板源码
苹果CMSv10 仿爱电影MizhiADY模板源码
3
免费SSL证书申请网址合集
免费SSL证书申请网址合集
4
密码生成器Advanced PassGen v2.6.0便携版
密码生成器Advanced PassGen v2.6.0便携版
5
中望3D 2026 x64 SP2 中文版
中望3D 2026 x64 SP2 中文版
6
免费证件照制作小程序智照
免费证件照制作小程序智照
7
拼多多签到4天领5亓无门槛券
拼多多签到4天领5亓无门槛券
8
京东牛角挂钩2个/0.1亓拍2単
京东牛角挂钩2个/0.1亓拍2単
9
Video Downloader 视频下载器v2.5.9专业版
Video Downloader 视频下载器v2.5.9专业版
10
微信支付摇一摇领商家优惠券
微信支付摇一摇领商家优惠券