首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么用html实现圆形云台

2012-09-09 
如何用html实现圆形云台首先制作出来一张圆形云台的图片,使用该图片作为div 的背景图片,使用绝对定位absol

如何用html实现圆形云台

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

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

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

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

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

热点排行