CSS能夠使圖片按照中心軸旋轉，這在網頁設計中是非常常見且重要的。下面是如何使用CSS實現圖片按中心軸旋轉：

img {
display: block;
margin: 0 auto;
transform-origin: center center;
transition: transform 0.5s ease; 
}
img:hover {
transform: rotate(360deg);
}

首先我們需要設置該圖片的display屬性為block，以便它能夠轉化為一個獨立的塊元素而不是行內元素。我們也需要將margin設置為0，并設置auto屬性，以便讓圖片水平居中顯示在頁面上。

接下來，在CSS中，我們需要使用transform-origin屬性沿圖片的中心軸來進行旋轉。因此，我們需要將中心軸的固定點設置為center center，這將使圖片圍繞中心點旋轉。

最后，我們需要設置一個鼠標懸停時的效果，以便使圖片旋轉。使用transform屬性，我們可以將圖片旋轉多少度。此時，我們就需要將圖片從初始位置0度旋轉到360度，這可以通過rotate(360deg)實現。

總之，通過這種方法，我們可以輕松地在網頁上實現圖片的中心軸旋轉。一旦你掌握了這個技能，你將能夠設計出更加引人注目的網頁。