CSS圆形半圆形位置链接

Question

我真的是网页设计的菜鸟。我对 CSS 了解不多，但我被赋予了创建这样一个按钮的任务

我真的不知道如何以这种形式创建圆形链接。请帮我。

Answer 1

<ul class="smenu">
<li class="smenuitem"><a href="http://ux.stackexchange.com/"></a></li>
<li class="smenuitem"><a href="http://area51.stackexchange.com/"></a></li>
<li class="smenuitem"><a href="http://www.webmasters.stackexchange.com/"></a></li>
</ul>

风格

li.smenuitem a, li.smenuitem a:link:hover, li.smenuitem a:visited, li.smenuitem a:visited:hover {
display: block;
width: 25px;
height: 25px;
border-radius: 25px;
background-color: #0000ff;
}

不完全相同，但你可以玩。 http://jsfiddle.net/J2XTs/