2017-11-11 105 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

是的,谢谢尼克! –

相关问题