欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何用html实现圆形云台

程序员文章站 2022-06-04 07:58:05
...

首先制作出来一张圆形云台的图片,使用该图片作为div 的背景图片,使用绝对定位absolute,还固定该div的位置。

1、制作张圆形云台的图片。

2、然后按图形的规则切割成小图片。

3、用整张圆形云台的图片作为div的背景,同时作为贴图的参照。

4、在div中为所有小图片添加a标签,即<a id="a1" onfocus="javascript:this.blur();">1</a>,然后用绝对定位的css实现图片跟底图的吻合。