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/

Answer 2

您好，您也使用图像映射标签（html）。 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap