在前端網頁開發中，圖片旋轉是一個常見的需求。在使用CSS樣式進行圖片旋轉時，我們可以通過指定尺寸來實現旋轉效果。

.rotate-image {
width: 200px; /*指定寬度*/
height: 200px; /*指定高度*/
transform: rotate(45deg); /*旋轉45度*/
}

上述代碼中，我們使用CSS樣式進行圖片旋轉，并通過指定width和height屬性來指定旋轉后圖片的尺寸。同時，通過transform屬性進行旋轉，其中rotate(45deg)表示將圖片旋轉45度。

需要注意的是，指定尺寸時需要根據圖片本身的尺寸進行調整，否則可能會導致圖片變形或者顯示異常。在旋轉圖片時，我們還可以通過調整旋轉中心點來實現不同的效果。例如：

.rotate-image {
width: 200px;
height: 200px;
transform-origin: center center; /*旋轉中心點*/
transform: rotate(45deg);
}

上述代碼中，我們通過transform-origin屬性來指定圖片旋轉的中心點，其中center center表示圖片的中心點。

通過使用CSS樣式和指定尺寸，我們可以輕松實現圖片旋轉效果，讓網頁更加生動和有趣。