有没有人可以帮助我？

问题描述：

我试图做一个圈子（清除内部）有小圈子（形状周围），并有超链接到其他HTML页面！我目前没有收到任何东西，但是我搜索了一下，发现什么都没有。有没有人可以帮助我？

至少截图努力，即使这仍将是题外话 –

在这里看到：https://codepen.io/jo-asakura/pen/stFHi – ammarx

也许你必须检查你的_google-fu_，因为像“circle menu css”这样的简单搜索会返回很多结果。 – yuriy636

答

你是不是这个意思？ 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; 
}

是的，谢谢尼克！ –

有没有人可以帮助我？

相关推荐