如何用html實現圓形雲臺

lzq0107發表於2020-04-07
HTML

首先製作出來一張圓形雲臺的圖片，使用該圖片作為div 的背景圖片，使用絕對定位absolute，還固定該div的位置。

1、製作張圓形雲臺的圖片。

2、然後按圖形的規則切割成小圖片。

3、用整張圓形雲臺的圖片作為div的背景，同時作為貼圖的參照。

4、在div中為所有小圖片新增a標籤，即<a id="a1" οnfοcus="javascript:this.blur();">1</a>,然後用絕對定位的css實現圖片跟底圖的吻合。

相關文章