CSS讓圖片旋轉(zhuǎn)90度的方法

在CSS中，我們可以使用transform屬性來讓圖片旋轉(zhuǎn)90度，這個(gè)屬性允許我們對(duì)元素進(jìn)行一系列的變換，包括旋轉(zhuǎn)、縮放、移動(dòng)等。

下面是一個(gè)簡(jiǎn)單的例子，展示如何使用CSS來旋轉(zhuǎn)圖片90度：

HTML代碼：

<img id="myImage" src="image.jpg" />

CSS代碼：

#myImage {
  transform: rotate(90deg);
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)圖片元素，并使用CSS的transform屬性將其旋轉(zhuǎn)90度，這個(gè)屬性接受一個(gè)參數(shù)，即旋轉(zhuǎn)的角度，以度（deg）為單位，在這個(gè)例子中，我們將圖片旋轉(zhuǎn)了90度。

需要注意的是，旋轉(zhuǎn)操作可能會(huì)對(duì)圖片的尺寸產(chǎn)生影響，如果圖片在旋轉(zhuǎn)后尺寸發(fā)生變化，可以使用CSS的width和height屬性來顯式地設(shè)置圖片的尺寸。

如果需要更多的控制，比如旋轉(zhuǎn)方向（順時(shí)針或逆時(shí)針），可以使用transform屬性的其他參數(shù)來實(shí)現(xiàn)，對(duì)于簡(jiǎn)單的旋轉(zhuǎn)操作，使用rotate參數(shù)已經(jīng)足夠了。