CSS是一种常用的网页设计语言，可用于实现各种效果。其中一个有趣的效果就是使图片旋转90度。如何通过CSS实现这个效果呢？接下来我们就来看一下具体实现方法。

.rotate-image {
transform: rotate(90deg);
}

首先，我们需要在CSS中定义一个类名为“rotate-image”的样式。接着，我们使用“transform”属性，并指定旋转角度为90度。这个属性可用于实现各种变换效果，如旋转、缩放和斜切等。

除了指定旋转角度外，我们还可以使用其他属性来控制旋转中心点和旋转方向。例如，我们可以使用“transform-origin”属性来指定旋转中心点的位置，并使用“-webkit-transform”、 “-moz-transform”和“-ms-transform”等属性来实现兼容性。

同时，我们还可以在HTML文档中通过添加“<img>”标签来插入需要旋转的图片，并在标签中指定类名为“rotate-image”。这样，当浏览器渲染时，CSS样式就会自动应用于该图片，使其旋转90度。

总之，CSS是一种非常强大的语言，它可以帮助我们实现各种有趣的效果，如图片旋转90度。希望本文对您有所帮助，谢谢阅读！