CSS是一種用于網頁設計的標記語言，它可以幫助我們控制網頁元素的樣式和布局。其中之一的功能就是控制圖片的大小與放大效果。下面我們來學習一下如何使用CSS來控制圖片的放大。

img {
max-width: 100%;
height: auto;
}
img:hover {
transform: scale(1.2);
}

上面的代碼中，我們首先使用了一組基礎的CSS屬性來控制圖片的大小。通過設置"max-width: 100%;"，我們可以讓圖片的寬度自適應父容器的大小，保證圖像不被拉伸變形。同時，設置"height: auto;"可以讓圖片的高度自動按比例縮放。

接下來，我們使用了:hover偽類來實現鼠標懸停時圖片的放大效果。其中，"transform: scale(1.2);"屬性可以讓圖片放大到原來的1.2倍大小。

通過上述代碼，我們可以很輕松地實現圖片的放大效果。當然，我們也可以通過設置不同大小的scale值來實現不同的放大效果，以滿足不同需求。