CSS放大圖片已經成為網頁設計的基本技能之一。下面是幾種常用的CSS放大圖片方式。

1. 利用background-size屬性

.img {
background: url('example.jpg') center center no-repeat;
background-size: cover;
width: 200px;
height: 200px;
}

上面的代碼中，background-size屬性被設置為cover，意思是讓背景圖片填充整個容器，并且保持比例。width和height屬性設置為200px，這意味著容器在屏幕上顯示時的大小是200×200px。

2. 利用transform屬性

.img {
transform: scale(2);
}

使用transform屬性，可以通過縮放元素的大小來放大圖片。上面的代碼中，scale值被設置為2，這意味著容器的大小將會是原來的兩倍。這種方式通常需要配合設置容器的寬度和高度。

3. 利用max-width屬性

.img {
max-width: 100%;
height: auto;
}

使用max-width屬性，可以讓圖片在不超過容器寬度的情況下自動縮放。上面的代碼中，max-width被設置為100%，這意味著容器的大小將會是它的父容器的寬度。height屬性被設置為auto，意思是圖片的高度將會根據比例自動調整。

總結：

以上是三種常用的CSS放大圖片方式，根據實際情況進行選擇。同時，需要注意容器的寬、高度和比例，以免圖片變形。