[分享]css中backgound url怎么用

在CSS中，background属性用于设置HTML元素的背景样式。background属性有很多个子属性，其中backgroundimage用于定义一个元素的背景图像。而这个图像通常需要使用back...

在CSS中，background属性用于设置HTML元素的背景样式。background属性有很多个子属性，其中background-image用于定义一个元素的背景图像。而这个图像通常需要使用background-image的url()函数来指定。

background-image: url(图片地址); 

在url函数中，需要填写图片的网络地址或者本地地址。

例如，以下代码可以在一个HTML页面中设置一个div元素的背景为一张网络上的图片：

div {
  background-image: url(https://picsum.photos/200);
} 

此外，也可以使用相对路径来引用一个本地的图片文件：

div {
  background-image: url(images/background.jpg);
} 

这里的images文件夹需要与HTML文件在同一个目录下，并且在文件夹中要有一张名为background.jpg的图片。

如果需要设置多张背景图片，可以用逗号分隔多个背景图片，CSS会尝试将它们全部显示在元素上，并根据各自的位置与大小进行重复或裁切。

div {
  background-image: url(image1.png), url(image2.png);
} 

以上代码会在div元素上显示两张背景图片，image1.png排在上面，image2.png排在下面。

同时，大多数浏览器也支持使用data URI scheme内嵌图片作为背景图片，这样可以免去网页加载量大的问题，但是会使HTML文件变得庞大。

以上就是关于CSS中使用background-image属性和url()函数来定义一个HTML元素的背景图片的用法。