怎么使用CSS设置2张背景图片,css设置背景图片的方法

使用CSS设置2张背景图片可以利用CSS3的多背景属性background-image。通过使用逗号分隔的多个背景图片URL，可以在同一元素上叠加两张背景图片。代码如下：

p {background-image: url("img1.png"), url("img2.png");background-repeat: no-repeat, no-repeat;background-position: top left, bottom right;background-size: 12% auto, 12% auto;}

在上述代码中，首先使用background-image属性指定两张背景图片的URL，用逗号分隔。然后使用background-repeat属性分别控制两张背景图片的是否平铺。最后使用background-position属性分别控制两张背景图片的位置。可以通过指定“top left”等位置关键字，或是使用像素或百分比值来控制位置。

以上就是怎么使用CSS设置2张背景图片,css设置背景图片的方法的全部内容了,希望能够帮助到你，找建站教程记得来极光资源网！