纯CSS实现背景色渐变

作者：System 时间：2024年08月13日分类：所有,css3 字数：327

要使用纯CSS实现背景色渐变，你可以使用linear-gradient函数。这里是一个简单的例子，它创建了一个从顶部到底部的蓝色到红色的渐变背景。




.gradient-background {
  background: linear-gradient(to bottom, blue, red);
}

将上述CSS类应用到HTML元素上，该元素就会展示出渐变背景。




<div class="gradient-background">这里是渐变背景</div>

你可以调整linear-gradient函数中的方向和颜色来自定义渐变的方向和颜色。