在CSS中設(shè)置圖片大小,可以通過(guò)以下兩種方式實(shí)現(xiàn):
1、使用width和height屬性:通過(guò)指定圖片的寬度和高度,可以明確地設(shè)置圖片的大小,將圖片的寬度設(shè)置為200像素,高度設(shè)置為300像素,可以使用以下CSS代碼:
img { width: 200px; height: 300px; }
2、使用max-width和max-height屬性:與width和height不同,max-width和max-height屬性允許圖片在不超過(guò)指定寬度和高度的情況下,保持其原始比例,將圖片的***大寬度設(shè)置為500像素,***大高度設(shè)置為600像素,可以使用以下CSS代碼:
img { max-width: 500px; max-height: 600px; }
CSS代碼應(yīng)放在HTML文件的頭部或 body 部分,以便能夠正確地應(yīng)用樣式,如果圖片本身的大小超過(guò)指定的寬度或高度,那么圖片將會(huì)被縮放或裁剪,以保持其符合指定的尺寸要求。