如何在CSS中设置背景图片？

在CSS中设置背景图片可以通过background-image属性来实现。下面将介绍具体的设置方法。

1. 使用图片的URL

可以直接在background-image属性中使用图片的URL来设置背景图片。例如：

body {
    background-image: url("image.jpg");
}

这样就会将名为image.jpg的图片作为背景图片应用到body元素上。

2. 使用线性渐变

除了使用图片的URL，还可以使用CSS的线性渐变来作为背景图片。例如：

body {
    background-image: linear-gradient(to right, #000000, #ffffff);
}

这样就会将一个从黑色到白色的线性渐变作为背景图片应用到body元素上。

3. 设置背景颜色和背景图像

还可以同时设置背景颜色和背景图像，这样在图片加载完成前，背景颜色可以作为占位符。例如：

body {
    background-color: #f1f1f1;
    background-image: url("image.jpg");
}

这样就会先显示背景颜色#f1f1f1，同时异步加载图片image.jpg，并在加载完成后将其作为背景图片应用到body元素上。

以上就是在CSS中设置背景图片的方法，希望能帮助到你！

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 如何在CSS中设置背景图片的平铺方式？
• 下一篇： 如何在CSS中设置背景颜色？