CSS兩張背景圖控制方法

在CSS中，可以使用background-image屬性來設(shè)置兩張背景圖，以下是一些控制這兩張背景圖的方法：

1、使用逗號分隔：在background-image屬性中，可以使用逗號來分隔兩張圖片。

body {
    background-image: url('image1.jpg'), url('image2.jpg');
}

這將使image1.jpg和image2.jpg同時(shí)作為背景圖顯示。

2、設(shè)置背景圖位置：可以使用background-position屬性來控制兩張背景圖的位置。

body {
    background-image: url('image1.jpg'), url('image2.jpg');
    background-position: top left, bottom right;
}

這將使image1.jpg顯示在左上角，而image2.jpg顯示在右下角。

3、設(shè)置背景圖大小：可以使用background-size屬性來控制兩張背景圖的大小。

body {
    background-image: url('image1.jpg'), url('image2.jpg');
    background-size: 50%, 75%;
}

這將使image1.jpg的寬度縮小到原始大小的50%，而image2.jpg的寬度縮小到原始大小的75%。

4、設(shè)置背景圖重復(fù)：可以使用background-repeat屬性來控制兩張背景圖的重復(fù)方式。

body {
    background-image: url('image1.jpg'), url('image2.jpg');
    background-repeat: no-repeat, repeat-y;
}

這將使image1.jpg不重復(fù)，而image2.jpg在垂直方向上重復(fù)。

通過以上的方法，可以***地控制兩張背景圖在CSS中的顯示方式，希望這些方法對你有所幫助！