CSS是一種非常重要的網(wǎng)頁排版語言，可以讓我們對網(wǎng)頁的樣式和布局進(jìn)行更為精細(xì)的控制。而圖片旋轉(zhuǎn)也是CSS中很有用的一種特性。在旋轉(zhuǎn)圖片時，我們可以將圖片旋轉(zhuǎn)90度以適應(yīng)更多的場景。下面我們來看一下，如何通過CSS對圖片進(jìn)行90度的旋轉(zhuǎn)。

img {
transform: rotate(90deg);
}

可以看到，以上代碼就可以讓圖片進(jìn)行90度的旋轉(zhuǎn)。其中，transform是CSS3中一個非常強(qiáng)大的屬性，它可以實現(xiàn)眾多樣式效果，如旋轉(zhuǎn)、縮放、傾斜等。而在這個例子中，我們使用了transform的rotate()方法，指定了旋轉(zhuǎn)的角度為90度。

除此之外，我們還可以通過添加一些其它的樣式來美化旋轉(zhuǎn)后的圖片，例如：

img {
transform: rotate(90deg);
border: 2px solid black;
box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

以上代碼添加了一個黑色實線邊框和一個淡黑色陰影，可以讓旋轉(zhuǎn)后的圖片更加醒目。當(dāng)然，您也可以根據(jù)自己的需求添加其它的樣式，使旋轉(zhuǎn)后的圖片更符合您的風(fēng)格。

總而言之，CSS中的圖片旋轉(zhuǎn)功能非常強(qiáng)大，可以幫助我們優(yōu)化網(wǎng)頁的布局效果。希望這篇文章可以幫助大家更好地掌握圖片旋轉(zhuǎn)的方法。