HTML 图片自动旋转一圈代码示例

以下是一个使用 CSS 的自动旋转一圈图片的代码示例：

<!DOCTYPE html>
<html>
<head>
	<title>自动旋转一圈图片</title>
	<style>
		img {
			animation: rotate 2s linear infinite;
		}
		@keyframes rotate {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<img src='https://via.placeholder.com/200x200' alt='旋转的图片'>
</body>
</html>

在上面的代码中，我们使用了 CSS 中的 animation 属性来实现图片的旋转动画，并使用了 @keyframes 规则来定义旋转的起始和结束状态。这个动画将会持续 2 秒，并且会无限循环执行。你可以替换 img 元素中的 src 属性来使用你自己的图片。