国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css背景圖怎么添加多張圖片,CSS背景圖添加多張圖片的方法

前端小編 4 0

在CSS中,我們可以使用background-image屬性來(lái)添加多張圖片作為背景,以下是一些示例代碼,展示了如何添加多張圖片:

示例1: 使用逗號(hào)分隔的圖片列表

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

示例2: 使用CSS背景圖層

body {
    background-image: url(image1.jpg);
    background-repeat: no-repeat;
}
.layer2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image2.jpg);
    background-repeat: no-repeat;
}
.layer3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image3.jpg);
    background-repeat: no-repeat;
}

示例3: 使用CSS背景圖疊加

body {
    background-image: url(image1.jpg);
    background-repeat: no-repeat;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(image2.jpg);
    background-repeat: no-repeat;
}

示例4: 使用CSS背景圖平鋪

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

示例5: 使用CSS背景圖縮放和定位

body {
    position: relative;
    width: 500px;
    height: 500px;
    background-image: url(image1.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.scaled {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 400px;
    height: 400px;
    background-image: url(image2.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    transform: scale(2); /* 縮放圖片 */
}

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
免费看131美女做爰免费直播| 中文字幕精品久久久人妻| 女人被添荫蒂视频全部免费观看| 久久久久久久久久久久av | 国产精品久久久久久久久久精爆| jizz欧美最大| 中文字幕日韩精品成人免费区二区| 香蕉av网站| 国产成人美女久久久网站| 久久人人妻| 精品国产三级a∨在线| 天天射天天插天天干| 成全在线观看免费完整观看| 黄金网站app免费视频 | 97zyz成人免费视频| 国产精彩视频在线| 激情av免费观看| 日本少妇xxxxx| 性欧美一区二区| 亚洲欧美日韩久久精品第一区| 欧美日韩中文一区| 国产精品久久国产精品| 《年轻的女教师》HD| 国产真实乱对白精彩久久老熟妇女| 欧美日韩国产一区二区三区不卡| 91麻豆成人精品国产| 中文字幕在线人妻| 国产精品乱码一区二三区| 色综合久久一区二区三区 | 久久精品国产亚洲av高清预告片| 国产免费黄色片| 久久久久久久久国产精品| www.久久亚洲| 换人妻4中文字幕| 艳妇豪乳| 中文字幕av一区| 亚洲精品福利在线观看| 天天干天天综合| 日本不卡视频一区二区三区| 中文字幕高清一区二区三区| 久久久成人免费视频|