css 渐变和背景图片 |cssbox将网页转为图片

CSS的渐变是指从一种颜色过渡到另一种颜色的效果。大家可以通过CSS的线性渐变、径向渐变和重复渐变来设置不同的渐变效果。让大家看一个例子：

.gradient{
background: linear-gradient(to right, #ff9966, #ff5e62);
}

在这个例子中，大家设置了一个从左到右的线性渐变，开头的颜色是#ff9966，结尾颜色是#ff5e62。

接下来，大家要介绍的是CSS的背景图片。背景图片可以是图片、渐变或者纹理，大家可以通过CSS的background-image属性来设置。这里有一个简单的例子：

.background{
background-image: url("../img/background.jpg");
background-size: cover;
}

在这个例子中，大家使用了一个名为background.jpg的图片做为背景，并将它的大小设置为cover，这样可以让图片覆盖整个容器。

总的来说，CSS的渐变和背景图片是非常实用的样式设置，让网页更加美观、舒适。