CSS旋轉是網頁設計中常用的技術之一，可以讓圖片等元素以不同的角度展現，提高網頁的美觀性。 設置圖片旋轉可以通過CSS的transform屬性來實現。

img{
transform: rotate(30deg);   /*設置旋轉角度*/
}

其中，“rotate”是旋轉的函數，后面的數值表示旋轉的度數，可以是正負值，單位是“度（deg）”。如上面的代碼就是將圖片旋轉30度。如果想旋轉到45度，則可以這樣寫：

img{
transform: rotate(45deg);   
}

同樣的，如果要將圖片旋轉到90度，可以這樣寫：

img{
transform: rotate(90deg);   
}

除了使用“rotate”的函數外，CSS還提供了其他旋轉函數，如“rotateX”、“rotateY”、“rotateZ”，可以分別實現繞x、y、z軸的旋轉。

img{
transform: rotateX(90deg);   /*繞x軸旋轉90度*/
}
img{
transform: rotateY(90deg);   /*繞y軸旋轉90度*/
}
img{
transform: rotateZ(90deg);   /*繞z軸旋轉90度*/
}

除了常規的旋轉函數外，CSS還可以結合其他屬性實現更多樣化的旋轉效果，如配合“scale”的屬性可以實現圖片的縮放和旋轉。

img{
transform: rotate(45deg) scale(0.5);   /*旋轉45度并縮小50%*/
}

CSS圖片旋轉是網頁開發中比較實用的技術，可以讓頁面更加生動有趣，同時也能提升網站的視覺效果。使用時需要了解相關的函數和屬性，合理運用，才能實現理想的效果。