如何設(shè)置background-size的背景圖片的寬度和高度

發(fā)布時間：2020-07-11 15:50:42 來源：億速云閱讀：660 作者：Leah 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)如何設(shè)置background-size的背景圖片的寬度和高度，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

語法：background-size: length|percentage|cover|contain;

length:
設(shè)置背景圖像的高度和寬度。
第一個值設(shè)置寬度，第二個值設(shè)置高度。
如果只設(shè)置一個值，則第二個值會被設(shè)置為 “auto”。
(會顯示整個圖片)

percentage:
以父元素的百分比來設(shè)置背景圖像的寬度和高度。
第一個值設(shè)置寬度，第二個值設(shè)置高度。
如果只設(shè)置一個值，則第二個值會被設(shè)置為 “auto”。
(會顯示整個圖片)

cover:
保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。
背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。
(只顯示部分圖片)

contain:
保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最大大小。
(會顯示整個圖片，但可能會出現(xiàn)圖片重復(fù))

關(guān)于如何設(shè)置background-size的背景圖片的寬度和高度就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡