要实现编程大圆套小圆并让它们旋转,可以采用以下方法:
方法一:使用CSS和HTML
HTML结构
使用一个`ul`元素包含7个`li`元素,每个`li`元素中包含一个图片和一个含小圆的`span`。
CSS样式
给`li`、`img`、`div`、`span`都设置`border-radius: 50%`,使它们呈现圆形。
`img`的大小要小于`li`。
`span`(小圆)由一个`div`包住,`div`覆盖(定位)到`li`上面去,`div`的大小和`li`大小一样。
给每个`li`和`span`定位。
给`div`添加旋转动画,使其旋转360度。
```html