css中怎么让图片旋转90度

今天我们来讲一下如何在CSS中让图片旋转90度。首先，我们需要使用CSS的transform属性来实现。transform属性可以用来改变元素的形状和位置。在本例中，我们将使用transform属性来旋转图片。
我们可以将transform属性应用于任何可用的元素，包括img元素。让我们看看一段简单的CSS代码来实现这个效果：

img {
  transform: rotate(90deg);
} 

在这个例子中，我们选择了img元素，并将transform属性设置为rotate(90deg)。这个语法会将我们的图片从默认的水平位置旋转90度向右，变为垂直方向，并保持静止。
如果你想将图片旋转到其他角度，只需要修改该属性中的角度值即可。下面是一些可供选择的角度值：

- 45deg（向右下方旋转45度）
- 90deg（向右旋转90度，即垂直方向）
- 180deg（向右旋转180度，即倒置）
- 270deg（向右旋转270度，即水平向上） 

让我们试试将图片旋转到180度的倒置状态：

img {
  transform: rotate(180deg);
} 

现在我们已经知道了如何在CSS中让图片旋转90度，你可以使用transform属性来设置你想要得到的任何角度。希望这篇文章对你有所帮助！