在CSS中,我們可以使用width
和height
屬性來給圖片添加尺寸,這些屬性可以指定圖片的寬度和高度,從而改變圖片的大小。
如果我們有一張圖片,想要將其寬度設(shè)置為200像素,高度設(shè)置為300像素,可以使用以下CSS代碼:
img { width: 200px; height: 300px; }
這段代碼會將所有<img>
標簽的圖片寬度設(shè)置為200像素,高度設(shè)置為300像素。
如果你只想改變特定圖片的尺寸,可以給圖片添加一個類名,然后針對這個類名設(shè)置尺寸:
img.my-image { width: 200px; height: 300px; }
這段代碼只會改變類名為my-image
的圖片的寬度和高度。
如果圖片的長寬比與設(shè)置的尺寸不匹配,圖片可能會變形,為了保持圖片的原始長寬比,可以使用object-fit
屬性:
img { width: 200px; height: 300px; object-fit: cover; }
這段代碼會將圖片寬度設(shè)置為200像素,高度設(shè)置為300像素,并保持圖片的原始長寬比。