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

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