溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了CSS怎么設(shè)置div背景圖，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
給組件添加背景圖控制只需要兩步：
<View
className="gifts"
style={{
background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-repeat`,
backgroundSize: '100% 100%',
}}
>
<View classname="gift-lists"></View>
</View>設(shè)置background和backgroundSize。
style={
width：100%；
height：100%；
}ps：下面給大家介紹下css文件 如何使背景圖片大小適應div的大小
對背景圖片設(shè)置屬性：background-size：cover;可以實現(xiàn)背景圖片適應div的大小。
background-size有3個屬性：
auto：當使用該屬性的時候，背景圖片將保持100% 的大小顯示，不進行任何縮放。超過div的多余部分將被隱藏。當圖片過小時，圖片會自動平鋪。這種屬性通常用來做重復性的背景或者做半透明圖片背景。
cover：當使用該屬性時，圖片將被縮放至恰好能覆蓋div，并且圖片被隱藏的部分最少，這種屬性在大圖背景中應用比較廣泛。這點比較難理解，需要結(jié)合實踐理解。
contain：當使用該屬性時，圖片被縮放至最大且能被完全展示出來，但是由于圖片的的尺寸比例與div的尺寸比例會有不同，所以當圖片不能蓋住div時，圖片會自動平鋪。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“CSS怎么設(shè)置div背景圖”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼