在CSS中，我們可以使用transform屬性來對元素進行各種變換，包括旋轉。但是，有一點需要注意的是，圖片旋轉的起點并不一定是圖片本身的中心點，而是根據元素的位置和變換基準點來確定的。 例如，假設我們有一張200x200像素的圖片，現在要對它進行旋轉。如果我們直接使用如下代碼：

img {
transform: rotate(45deg);
}

那么圖片將會以自身中心點為基準點進行旋轉，看起來可能會有些奇怪。這時，我們可以調整基準點的位置來改變旋轉起點。 下面是一個例子：

p {
position: relative;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}

在這個例子中，我們首先將p元素設置為相對定位，然后將img元素設置為絕對定位，并將它的位置調整為水平和垂直都居中。這樣，我們就可以通過translate屬性來調整基準點的位置，并讓圖片以合適的起點進行旋轉了。 總之，在使用CSS對圖片進行旋轉時，要注意旋轉起點的位置，根據實際需求來調整基準點的位置，達到最佳的效果。