CSS 如何添加背景图片？

CSS 中的 background-image 属性用于为元素的背景设置图片。使用此 CSS 属性，我们可以为一个元素设置一个或多个背景图片。

默认情况下，图像位于元素的左上角，并在水平和垂直方向上重复。背景图片的颜色应根据文本颜色进行选择。文本和背景图片的组合不当可能会导致网页设计不佳且难以阅读。

此属性的 url() 值允许我们包含任何图像的文件路径。它将显示元素的背景。我们可以使用多个图像，或混合使用渐变和图像作为背景。如果 background-image 加载失败，或者我们使用了渐变但当前浏览器不支持，那么我们可以使用备用值（用作替换的值）作为元素的背景颜色。

语法

值

url(): 这是图像的 URL。如果要指定多个图像，可以用逗号分隔 URL。

示例

输出

示例

输出

示例

输出