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

css里怎么添加雙重背景圖片大全,CSS雙重背景圖片添加方法

前端小編 4 0

在CSS中,可以使用background-image屬性來添加雙重背景圖片,以下是一些示例代碼,展示如何添加雙重背景圖片:

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

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

示例2:使用linear-gradient添加背景圖片

body {
    background: linear-gradient(to right, url(image1.jpg), url(image2.jpg));
}

示例3:使用background-size控制背景圖片大小

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

示例4:使用background-attachment控制背景圖片是否固定

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

示例5:使用background-originbackground-clip控制背景圖片的定位和裁剪

body {
    background-image: url(image1.jpg), url(image2.jpg);
    background-origin: content-box, padding-box;
    background-clip: content-box, padding-box;
}

示例6:使用filter對(duì)背景圖片進(jìn)行濾鏡處理

body {
    background-image: url(image1.jpg), url(image2.jpg);
    filter: blur(5px) brightness(50%);
}

示例7:使用mask對(duì)背景圖片進(jìn)行遮罩處理

body {
    background-image: url(image1.jpg), url(image2.jpg);
    mask: url(mask.png); /* 使用一個(gè)遮罩圖片 */
}

示例8:使用CSS變量控制背景圖片

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

通過以上的示例,你可以根據(jù)自己的需求,靈活控制雙重背景圖片的顯示方式,希望這些示例能幫助你實(shí)現(xiàn)所需的效果!

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产又色又爽又黄又免费网站 | 黑人巨大精品| 91精品国产91久久久久久| 人妻japan hd xxxx| 蜜桃视频在线观看免费视频| 精品国产理论片| 99精品国自产在线偷拍蜜臀 | 国产人妻精品区一区二区| 中文字幕人成人乱码亚洲| 亚洲人成色777777| 国产麻豆精品免费视频| 白洁少妇在办公室被躁| 尤物在线观看视频| 亚州AV综合色区无码一区| 日本人妻丰满熟妇hd| 久久精品国产免费看久久精品| 国产深夜视频在线观看| 欧美日韩国产黄色| 午夜被窝精品国产亚洲av香蕉 | 久久香蕉国产线看观看亚洲片 | 亚洲综合色一区二区| 五月婷婷激情丁香| JAPANESE MATURE| 欧美精品VIDEOSSEX少妇| 久久av网站| 色婷婷一区二区三区在线观看 | 精品国产欧美一区二区| 成人在线观看亚洲| 亚洲综合av一区二区| 欧美精品一区二区三| 国产ts在线视频| ccyy.com草草影院| 久久综合欧美精品亚洲一区| 在线一区二区三区人妻| 把少妇添的高潮一夜| 草草影院ccyy国产日本| 午夜福利精品在线观看| 亚洲熟妇色自偷自拍另类| 国产精品久久久久久久av福利| 99久久人妻精品免费二区| 5566色|