-8
我試圖做一個圈子(清除內部)有小圈子(形狀周圍),並有超鏈接到其他HTML頁面! 我目前沒有收到任何東西,但是我搜索了一下,發現什麼都沒有。有沒有人可以幫助我?
我試圖做一個圈子(清除內部)有小圈子(形狀周圍),並有超鏈接到其他HTML頁面! 我目前沒有收到任何東西,但是我搜索了一下,發現什麼都沒有。有沒有人可以幫助我?
你是不是這個意思? 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;
}
是的,謝謝尼克! –
至少截圖努力,即使這仍將是題外話 –
在這裏看到:https://codepen.io/jo-asakura/pen/stFHi – ammarx
也許你必須檢查你的_google-fu_,因爲像「circle menu css」這樣的簡單搜索會返回很多結果。 – yuriy636