css中背景图片代码 |cssl打开

.example{
background-image: url('example.jpg');
}

除了使用绝对URL来引用背景图片，大家还可以使用相对URL。相对URL是相对于当前页面的路径，如果大家的背景图片与当前html文件在同一文件夹下，大家可以使用相对路径来引用图片。

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

有时候，背景图片并不能完全填充背景，或者不能适应响应式布局，还需要进行调整。为了解决这个问题，大家可以使用background-size属性。

.example{
background-image: url('example.jpg');
background-size: cover;
}

其中，cover的值表示将图片缩放以适应背景区域，如果需要保持图片原始比例，可以使用contain的值。

在一些特定情况下，可能需要平铺多个背景图片，此时可以使用background-repeat属性。

.example{
background-image: url('example1.jpg'),url('example2.jpg');
background-repeat: repeat-x,repeat-y;
}

以上代码表示，在example1.jpg沿x轴平铺，在example2.jpg沿y轴平铺。