將圖示放置到圓圈
問題:
如何在一個影像中放置多個圖像圍繞另一張圖像圈出,使它們全部可點擊連結?
答案:
解1(現代化)
使用HTML、CSS 和JavaScript:
根據圓圈半徑和圖像大小調整容器大小。
解決方案2(舊)應用鍊式 CSS 變換來旋轉和平移圖像到所需的角度。
.circle-container { width: 24em; height: 24em; position: relative; } .circle-container a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .deg0 img { transform: rotate(0deg); } .deg45 img { transform: rotate(45deg); } .deg90 img { transform: rotate(90deg); }
以上是如何將可點擊的圖像排列在中心圖像周圍的圓圈中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!