I can use css to draw a semicircle like:
.circle {
background: none repeat scroll 0 0 #CB1D1E;
border-radius: 0px 0px 70px 70px;
height: 70px;
margin: 15px 0 0 20px;
width: 140px;
}
and of course I am able to add a link for it to make it be clickable.
<a href="1111.html"> but I just want only the semicircle be clickable, but not a rectangle! I found some white space around the semicircle could be also clickable, which is not what I want!...