有趣论坛

 找回密码
 立即注册
查看: 232|回复: 0

[其他发布] 用css给网站增加一个渐变背景

[复制链接]
  • TA的每日心情
    开心
    2024-7-27 16:28
  • 签到天数: 155 天

    [LV.7]常住居民III

    4698

    主题

    12

    回帖

    3万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    34003
    发表于 2024-1-22 20:26:25 | 显示全部楼层 |阅读模式
    QQ截图20240122202548.png

    首先我们用css实现增加渐变背景,我们用css定位<body>标签,增加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));
    }

    懒得打字嘛,点击右侧快捷回复
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    手机版|小黑屋|网站地图|有趣论坛

    GMT+8, 2024-12-27 23:05 , Processed in 0.047519 second(s), 27 queries .

    Powered by 有趣论坛

    Copyright © 2022-2024, Tencent Cloud.

    快速回复 返回顶部 返回列表