在CSS中設(shè)置img元素的大小,可以通過width和height屬性來實現(xiàn),這兩個屬性可以定義img元素的寬度和高度,從而改變其大小。
如果您想要將一個img元素的寬度設(shè)置為200像素,高度設(shè)置為300像素,可以使用以下CSS代碼:
img { width: 200px; height: 300px; }
這將使所有img元素的寬度和高度都變?yōu)?00像素和300像素,如果您只想改變某個特定img元素的大小,可以使用該元素的class或id來替代通配符選擇器(*)。
如果img元素的原始縱橫比與設(shè)置的高度寬度不同,那么它可能會被拉伸或壓縮,為了避免這種情況,您可以使用object-fit屬性來保持其縱橫比,
img { width: 200px; height: 300px; object-fit: contain; }
這將確保所有img元素在保持縱橫比的同時,寬度和高度都達到200像素和300像素。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。