如何在 HTML 中旋转图像？

在 HTML 中，可以使用 CSS3 来旋转图像。使用 transform: rotate() 属性，可以将图像按指定角度旋转。

以下是旋转图像的示例代码：

<!-- 在 <img> 标签中添加 class 属性，用于在 CSS 中选择该元素 -->
<img class="rotate-image" src="image.jpg" alt="旋转图像">

<style>
    /* 选择 class 为 rotate-image 的元素 */
    .rotate-image {
        /* 将图像顺时针旋转 45 度 */
        transform: rotate(45deg);
    }
</style>

在该示例代码中：

• 在 <img> 标签中添加了 class="rotate-image" 属性，作为在 CSS 中选择该元素的标识。
• 在 CSS 中选择该元素，并使用 transform: rotate() 属性，将图像顺时针旋转 45 度。

除了 rotate() 属性外，还有其他可以旋转图像的属性，如 rotateX()、rotateY()、rotateZ() 等。根据需要选择相应的属性即可。

需要注意的是，transform 属性在某些旧版本的浏览器中可能无法正常工作。对于支持 CSS3 的现代浏览器来说，这不是问题。但如果需要支持较老的浏览器，可以考虑使用 JavaScript 等其他方式来实现旋转图像的效果。

（完整代码片段已在以上代码中给出）