HTML旋转图片代码 - 简单易懂的实现方法 - 常规

以下是一个简单的HTML代码，可以旋转图片：

<!DOCTYPE html>
<html>
<head>
	<title>旋转图片</title>
	<style>
		img.rotate {
			transform: rotate(45deg);
		}
	</style>
</head>
<body>
	<img class='rotate' src='image.jpg' alt='旋转图片'>
</body>
</html>

使用CSS中的transform属性，可以对图片进行旋转操作。在上面的代码中，我们将图片的样式设置为.rotate，并将transform: rotate(45deg);应用于该类。这将使图片以45度旋转。

请注意，使用transform属性时，必须使用浏览器厂商前缀（如-webkit-、-moz-等），以确保在所有浏览器中都能正常工作。