本篇文章給大家帶來的內容是關于使用background-size如何設置背景圖片的寬度和高度 ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

使用background-size屬性設置

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

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

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

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

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

以上就是對使用background-size如何設置背景圖片的寬度和高度 的全部介紹，如果您想了解更多有關HTML視頻教程，請關注PHP中文網。

以上就是使用background-size如何設置背景圖片的寬度和高度的詳細內容，更多請關注php中文網其它相關文章！