如果你想要將你的網頁中的照片變小,那么 CSS 中提供了很多不同的方式可以實現這一點。
下面是其中一種方法:
img { width: 50%; /* 將寬度縮小到原來的一半 */ height: auto; /* 保持原始比例 */ }
這個代碼塊中指定了所有的圖片應當縮小到寬度的 50%,并且使用了 "auto" 進行高度調整,從而保持了原始圖片的比例。
如果你想要更強制一些的縮放效果,你也可以考慮指定一個固定的高度值,如下所示:
img { width: 150px; height: 150px; }
這個代碼塊中指定了所有的圖片應當縮小到一個 150 像素寬度和 150 像素高度的正方形之內。
如果你需要在不同的頁面上使用不同的縮放方法,你可以將這些代碼塊嵌入到特定頁面的樣式表文件中,或者使用在<head>
標簽中指定的內聯樣式。
總之,CSS 提供了很多不同的方法可以使你的圖片變小。你可以根據你的具體需求,選擇最合適的那一種。