正文

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

0116

使用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”等位置关键字，或是使用像素或百分比值来控制位置。