CSS中可以通過設置img元素的寬度和高度屬性來調整圖片的大小,如果希望將圖片放大,可以設置寬度和高度的值為大于原始尺寸的像素值。
img { width: 500px; /* 設定寬度為500像素 */ height: 400px; /* 設定高度為400像素 */ }
以上代碼將設置圖片的寬度為500像素,高度為400像素。如果圖片本身的尺寸小于設定的值,那么圖片將被拉伸至設定的尺寸。如果圖片的尺寸大于設定的值,則只會顯示部分圖片。
為了避免圖片變形,可以只設置圖片的寬度或高度屬性,而讓瀏覽器自動計算另一個屬性值,以使圖片保持原有比例。
img { width: 500px; /* 設定寬度為500像素 */ height: auto; /* 讓瀏覽器自動計算高度 */ }
以上代碼將只設置圖片的寬度為500像素,讓瀏覽器自動計算高度。這樣可以保證圖片不會因為拉伸而變形。
上一篇css img自適應寬度
下一篇css3字體顏色設置