当前位置:首页>编程>css>怎么用css给网站增加一个渐变背景

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

怎么给网站增加个超好看的背景呢

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

渐变背景演示图

怎么用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));
}

 

文章链接:https://www.zydown.com/279.html
文章标题:怎么用css给网站增加一个渐变背景
文章版权:当下资源网 (https://www.zydown.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2024年01月19日 16时05分02秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:2877741347@qq.com

给TA打赏
共{{data.count}}人
人已打赏

相关文章

Mysql

sqlserver sa账户被禁用(最新解决方法)

2024-3-15 21:11:24

css

css3贝塞尔曲线

2024-3-18 6:08:46

{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索