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

怎么在css里放多張圖片,在CSS中放置多張圖片的方法

前端小編 7 0

在CSS中放置多張圖片,可以通過使用CSS的background-image屬性來實現(xiàn),這個屬性允許你在一個元素中設置多個圖片作為背景,下面是一些示例代碼,展示如何在CSS中放置多張圖片:

示例1: 使用逗號分隔的圖片列表

div {
    background-image: url(image1.png), url(image2.png), url(image3.png);
    background-position: left, center, right;
    background-repeat: no-repeat, repeat, no-repeat;
}

示例2: 使用CSS的@image規(guī)則

@image image1 = url(image1.png);
@image image2 = url(image2.png);
@image image3 = url(image3.png);
div {
    background-image: image1, image2, image3;
    background-position: left, center, right;
    background-repeat: no-repeat, repeat, no-repeat;
}

示例3: 使用CSS的image()函數(shù)

div {
    background-image: image(url(image1.png)), image(url(image2.png)), image(url(image3.png));
    background-position: left, center, right;
    background-repeat: no-repeat, repeat, no-repeat;
}

示例4: 使用CSS的url()函數(shù)和linear-gradient()函數(shù)結(jié)合使用

div {
    background-image: linear-gradient(to right, url(image1.png) 50%, url(image2.png) 50%), url(image3.png);
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
}

示例5: 使用CSS的grid布局和repeat()函數(shù)放置圖片

div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 10px;
    background-image: url(image1.png), url(image2.png), url(image3.png);
    background-position: left, center, right;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

示例6: 使用CSS的flex布局和repeat()函數(shù)放置圖片

div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(image1.png), url(image2.png), url(image3.png);
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
}

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
成人精品一区二区三区| 久久久老熟女一区二区三区91| 国产欧洲色婷婷久久99精品91| 国产精品三级国产精品高| 国产精品久久久久久久成人午夜| 一本色道久久综合亚洲怎么玩| 三年片免费观看大全国语第二季| 亚洲精品无码AV中文字幕| 制服丝袜诱惑av| 国产美女亚洲精品久久久毛片小说| 四虎影院永久在线观看| 少妇视频一区二区三区| 国产不卡精品| 亚洲精品久久久久久久久久蜜桃| 国产免费一区二区三区视频| 成人欧美一区二区三区小说| 久久精品一区二区三区免费| 国产在线一区二区三区四区五区| 国产真实乱对白精彩久久老熟妇女| 夜夜高潮夜夜爽精品欧美做爰| 国产内射一区二区| 乱子伦精品| 国产美女久久久17c| 天堂网在线观看av| 性饥渴艳妇K8经典A片| 欧美日韩一级内射| 1024人妻一区二区三区四| 成人大片免费视频| 国产伦精品一区二区三区精品| 大地资源影视大全在线观看| 无套内射在线| 少妇一晚三次一区二区三区| 人妻精品久久久久中文字幕影院| 久久久久久精品免费免费| 蜜桃成人在线视频| 少妇精品噜噜噜噜噜av| 狂猛欧美激情性xxxx大豆行情| 久久精品www人人爽人人| 国产性大片| 久久久久久久久久久人妻| 特黄毛片免费看|