请写一个html黑胶自动360°旋转图片代码

以下是一个基本的HTML黑胶自动360°旋转图片代码：

<!DOCTYPE html>
<html>
<head>
	<title>黑胶自动360°旋转图片</title>
	<style>
		#image {
			width: 300px;
			height: 300px;
			background-image: url('image.jpg');
			background-size: cover;
			animation: rotate 10s linear infinite;
		}

		@keyframes rotate {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<div id="image"></div>
</body>
</html>

在上面的代码中，我们使用了HTML和CSS来创建一个div元素，并将其作为黑胶图片的容器。我们使用了CSS的背景图像属性来指定黑胶图片的URL，并将其大小设置为300x300像素。我们还使用了CSS的动画属性来使黑胶图片自动旋转360度，并将其持续时间设置为10秒。

最后，我们将这个div元素插入到HTML文档中，并使用ID属性来标识它。当浏览器加载页面时，它将自动显示黑胶图片，并开始自动旋转