HTML怎样让一个图片以自身中心旋转

CSS2.0实现不了，CSS3.0有个rotate属性，写法：xxx:hover{-webkit-transform:rotate(360deg)}，但是不兼容IE10以下的浏览器

还有一种办法，再做一张旋转的图片，鼠标hover的时候变成那张旋转的图片就好了！

JS可能也可以实现，不过应该会很麻烦

你可以把图片放在一个div里面，然后给这个div加上一个transform:rotate(30deg)的样式。这个样式可以让div旋转，里面的图片自然也就跟着旋转了。30是旋转角度，你可以随便改。

---