tft每日頭條

 > 生活

 > 在HTML裡怎麼改變圖片大小

在HTML裡怎麼改變圖片大小

生活 更新时间:2024-11-17 19:47:50

在HTML裡怎麼改變圖片大小?通過css引入的圖片,可以通過background-szie屬性調整圖片大小,background-size的語法如下,可以通過length,percentage,cover及contain四個之中的任一個來調整整改尺寸,今天小編就來聊一聊關于在HTML裡怎麼改變圖片大小?接下來我們就一起去研究一下吧!

在HTML裡怎麼改變圖片大小(具體操作步驟)1

在HTML裡怎麼改變圖片大小

通過css引入的圖片,可以通過background-szie屬性調整圖片大小,background-size的語法如下,可以通過length,percentage,cover及contain四個之中的任一個來調整整改尺寸。

将length設置為500px auto;同時添加background-repeat屬性,其值為no-repeat。注意:如果不加background-repeat:no-repeat屬性,則圖像會重複顯示。

将percentage設置為50% auto。注意:高度設置為auto後,圖片會根據具體寬度等比例調整高度,圖片不會變形。

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved