CSS圓形半圓鏈接

Question

我真的是一個網頁設計的noob。我沒有用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