找回密码
 注册会员

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

查看: 2775|回复: 0

[网页代码] 用CSS给网站增加一个渐变背景

[复制链接]

1

主题

0

回帖

3

积分

潜水

积分
3
发表于 2024-1-22 03:20:15 | 显示全部楼层 |阅读模式
20240121143346.jpg

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

CSS渐变背景代码:
  1. body::before {
  2.     content: '';
  3.     position: fixed;
  4.     top: 0;
  5.     left: 0;
  6.     right: 0;
  7.     bottom: 0;
  8.     z-index: -520;
  9.     pointer-events: none;
  10. }
  11. body::before {
  12.     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));
  13. }
复制代码




您需要登录后才可以回帖 登录 | 注册会员 微信登录

本版积分规则

小黑屋|简约版|网站地图|泡泡窝 ( 粤ICP备2023154091号-1|粤公网安备44098102660676号 )

GMT+8, 2024-6-20 15:06

Powered by Discuz! X3.5

Copyright © 2023-2024 Paopaowo.Com All Rights Reserved.

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