2017-11-11 16 views
-8

我試圖做一個圈子(清除內部)有小圈子(形狀周圍),並有超鏈接到其他HTML頁面! 我目前沒有收到任何東西,但是我搜索了一下,發現什麼都沒有。有沒有人可以幫助我?

+0

至少截圖努力,即使這仍將是題外話 –

+0

在這裏看到:https://codepen.io/jo-asakura/pen/stFHi – ammarx

+0

也許你必須檢查你的_google-fu_,因爲像「circle menu css」這樣的簡單搜索會返回很多結果。 – yuriy636

回答

0

你是不是這個意思? A quick sample

HTML

<div id="shape"> 
    <a class="one" href="your-page.html">Link text</a> 
    <a class="two" href="your-page.html">Link text</a> 
    <a class="three" href="your-page.html">Link text</a> 
</div> 

CSS

#shape { 
    position: relative; 
    width: 200px; 
    height: 200px; 
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px; 
    border-radius: 100px; 
    background: green; 
    text-indent: -9999px; 
} 

#shape a { 
    position: absolute; 
    display: block; 
    width: 24px; 
    height: 24px; 
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px; 
    border: 1px solid black; 
} 

#shape a.one { 
    top: 5px; 
    left: 20px; 
    background: red; 
} 

#shape a.two { 
    bottom: 15px; 
    left: 30px; 
    background: black; 
} 

#shape a.three { 
    top: 35px; 
    right: 0; 
    background: yellow; 
} 
+0

是的,謝謝尼克! –

相關問題