在CSS中,我們可以通過設置圖片的width和height屬性來讓圖片變小。
img { width: 50%; height: 50%; }
在這個例子中,我們將圖片的寬度和高度都設置為原來的50%。也可以將它們分別設置為不同的百分比或具體數值。
img { width: 200px; height: 100px; }
此外,我們還可以使用transform屬性來縮小圖片。
img { transform: scale(0.5); }
這個例子中,我們使用scale函數將圖片縮小了一半。
無論是使用width和height屬性還是transform屬性,讓圖片變小都可以讓網頁更加美觀和易讀。但是需要注意的是,如果圖片本身的分辨率過低,在縮小后可能會出現模糊的情況。