明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

使用background-size如何設置背景圖片的寬度與高度

發(fā)表時間：2023-08-29 來源：明輝站整理相關軟件相關文章人氣：

[摘要]本篇文章給大家?guī)淼膬热菔顷P于使用background-size如何設置背景圖片的寬度和高度 ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。 使用background-size屬性設置語法：background-size: length percentage cover ...

本篇文章給大家?guī)淼膬热菔顷P于使用background-size如何設置背景圖片的寬度和高度 ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

timg.jpg

使用background-size屬性設置

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

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

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

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

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

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

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


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。