在網頁設計中，有時我們需要使用圖片進行裝飾和展示。而有些時候，我們想要讓圖片旋轉到中心位置，以增加頁面的視覺吸引力。下面將介紹如何在CSS中實現這種效果。

img{
display:block;
margin:0 auto;
transform:rotate(45deg);
}

如上代碼所示，在CSS中設置圖片的display屬性為block，將圖片設為塊級元素，使其自動居中。然后通過設置margin屬性為0 auto，讓頁面自動居中，并使圖片旋轉45度。而transform屬性是CSS3中的新屬性，可以使元素旋轉、縮放、移動或傾斜。在這里，我們使用rotate函數，將圖片旋轉45度。

如果要讓圖片在中心位置不旋轉，只需要將transform屬性去掉即可。這樣，圖片將在水平和垂直方向上自動居中。

img{
display:block;
margin:0 auto;
}

總之，通過CSS中的margin和transform屬性，我們可以實現圖片在中心位置旋轉和不旋轉的效果，為網站增添美感。