在 CSS 中,可以使用 `width` 和 `height` 屬性來控制圖片的大小。通過設置圖片的 `width` 和 `height`,可以將圖片縮小到指定的尺寸。例如,如果要將圖片縮小到 200 像素寬,可以使用以下代碼:
```css
width: 200px;
height: auto;
上述代碼將自動調整圖片的寬度,使其為 200 像素,并將其高度設置為圖片寬度的一半,即 100 像素。這樣,圖片就會縮小到 200 像素寬。
除了使用 `width` 和 `height` 屬性外,還可以使用其他 CSS 屬性來控制圖片的大小,例如 `max-width` 和 `max-height` 屬性,用于限制圖片的最大寬度和高度,并將圖片縮小到指定的尺寸。例如:
```css
width: 200px;
height: auto;
max-width: 200px;
上述代碼將限制圖片的最大寬度為 200 像素,并將其縮小到指定的尺寸。這樣,圖片就會縮小到 200 像素寬。
需要注意的是,使用 `width` 和 `height` 屬性來控制圖片的大小時,圖片的高度將保持不變,只是寬度被縮小了。因此,如果希望圖片的其他方面(例如字體、顏色等)保持不變,可以使用上述代碼,但如果希望圖片的其他方面(例如字體、顏色等)也可以發生變化,則需要使用其他 CSS 屬性來控制圖片的大小。
上一篇飛利普CSS
下一篇css導航欄跳轉頁面