在HTML里怎么改變圖片大小 具體操作步驟
來源:懂視網(wǎng)
責(zé)編:小OO
時(shí)間:2022-03-31 21:38:39
在HTML里怎么改變圖片大小 具體操作步驟
通過css引入的圖片,可以通過background-szie屬性調(diào)整圖片大小,background-size的語法如下,可以通過length,percentage,cover及contain四個(gè)之中的任一個(gè)來調(diào)整整改尺寸。將percentage設(shè)置為50% auto。注意:高度設(shè)置為auto后,圖片會(huì)根據(jù)具體寬度等比例調(diào)整高度,圖片不會(huì)變形。
導(dǎo)讀通過css引入的圖片,可以通過background-szie屬性調(diào)整圖片大小,background-size的語法如下,可以通過length,percentage,cover及contain四個(gè)之中的任一個(gè)來調(diào)整整改尺寸。將percentage設(shè)置為50% auto。注意:高度設(shè)置為auto后,圖片會(huì)根據(jù)具體寬度等比例調(diào)整高度,圖片不會(huì)變形。
1、通過css引入的圖片,可以通過background-szie屬性調(diào)整圖片大小,background-size的語法如下,可以通過length,percentage,cover及contain四個(gè)之中的任一個(gè)來調(diào)整整改尺寸。
2、將length設(shè)置為500px auto;同時(shí)添加background-repeat屬性,其值為no-repeat。注意:如果不加background-repeat:no-repeat屬性,則圖像會(huì)重復(fù)顯示。
3、將percentage設(shè)置為50% auto。注意:高度設(shè)置為auto后,圖片會(huì)根據(jù)具體寬度等比例調(diào)整高度,圖片不會(huì)變形。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
在HTML里怎么改變圖片大小 具體操作步驟
通過css引入的圖片,可以通過background-szie屬性調(diào)整圖片大小,background-size的語法如下,可以通過length,percentage,cover及contain四個(gè)之中的任一個(gè)來調(diào)整整改尺寸。將percentage設(shè)置為50% auto。注意:高度設(shè)置為auto后,圖片會(huì)根據(jù)具體寬度等比例調(diào)整高度,圖片不會(huì)變形。