css實現背景圖片拉伸
來源:懂視網
責編:小采
時間:2020-11-27 18:53:49
css實現背景圖片拉伸
css實現背景圖片拉伸:使用css3 屬性:background-size background-size:cover 即可實現像桌面壁紙一樣拉伸 以下是w3c上面的解釋:語法background-size: length|percentage|cover|contain;值 描述 length 設置背景圖像的高度和寬度。第一個值設置寬度,第二個值設置
導讀css實現背景圖片拉伸:使用css3 屬性:background-size background-size:cover 即可實現像桌面壁紙一樣拉伸 以下是w3c上面的解釋:語法background-size: length|percentage|cover|contain;值 描述 length 設置背景圖像的高度和寬度。第一個值設置寬度,第二個值設置

使用css3 屬性:background-size
background-size:cover 即可實現像桌面壁紙一樣拉伸
以下是w3c上面的解釋:
語法
background-size: length|percentage|cover|contain;值 描述
length 設置背景圖像的高度和寬度。
第一個值設置寬度,第二個值設置高度。
如果只設置一個值,則第二個值會被設置為 "auto"。
percentage 以父元素的百分比來設置背景圖像的寬度和高度。
第一個值設置寬度,第二個值設置高度。
如果只設置一個值,則第二個值會被設置為 "auto"。
cover 把背景圖像擴展至足夠大,以使背景圖像完全覆蓋背景區域。
背景圖像的某些部分也許無法顯示在背景定位區域中。
contain 把圖像圖像擴展至最大尺寸,以使其寬度和高度完全適應內容區域。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
css實現背景圖片拉伸
css實現背景圖片拉伸:使用css3 屬性:background-size background-size:cover 即可實現像桌面壁紙一樣拉伸 以下是w3c上面的解釋:語法background-size: length|percentage|cover|contain;值 描述 length 設置背景圖像的高度和寬度。第一個值設置寬度,第二個值設置