CSS圖片放大縮小的方法 在網頁設計過程中，經常需要對圖片進行放大或縮小的操作。相信很多人會使用圖片編輯軟件來修改圖片大小，然后重新上傳到服務器，但這樣操作費時又費力。實際上，使用CSS語言也能輕松地實現圖片的放大和縮小。下面就來講一下如何實現。 一、使用CSS的width和height屬性 通過使用CSS中的width和height屬性，可以設置圖片的寬度和高度，從而實現圖片的放大和縮小。 例如，我們有一張圖片：

<img src="image.jpg" alt="圖片">

如果我們想將圖片的寬度變為原來的一半，可以如下設置：

<img src="image.jpg" alt="圖片" style="width:50%">

如果我們想將圖片的寬度變為原來的兩倍，可以如下設置：

<img src="image.jpg" alt="圖片" style="width:200%">

二、使用CSS的transform屬性 CSS的transform屬性可以實現圖片的縮放和旋轉等操作。 例如，我們有一張圖片：

<img src="image.jpg" alt="圖片">

如果想將圖片放大2倍，可以使用CSS的scale函數：

<img src="image.jpg" alt="圖片" style="transform:scale(2)">

同樣，如果想將圖片縮小2倍，可以使用CSS的scale函數：

<img src="image.jpg" alt="圖片" style="transform:scale(0.5)">

以上就是使用CSS實現圖片放大和縮小的方法，這種方法相比于修改圖片的大小后重新上傳更加高效。希望本文能夠對大家有所幫助。