테두리 반경 만 사용하여이 모양을 만들 수 있습니까?

Question

는 탭 메뉴에 대해 다음 HTML을 고려 :이 행할 수 있지만 국경 반경과 같이 할 수있는 탭의 모양을 얻으려면

<ul id="nav-tabs"> 
    <li class="active">Blah</li> 
    <li>tab 2</li> 
    <li>tab 3</li> 
    <li>tab 4</li> 
    <li>tab 5</li> 
</ul> 

확실하지합니다. 이미지가 없습니다. 상단 부분은 간단하지만 바닥은 라인에 곡선 아웃이 부분 어떻게 그것이 가능하다면 모른다 :

여기

답변으로 jsfiddle

Answer 1

게시 코멘트입니다 ...

Chris Coyier의 주소는 입니다.

그의 구현은 당신과 조금 다르지만, border-radius을 가지고 노는 것은 당신이 당신의 이미지에서 가지고있는 것과 더 가까운 효과를 얻을 수 있어야한다. 그러나 나는 당신이 그림자 작동을 할 수 있을지는 의심 스럽다. 만약 내가 틀렸다는 것을 증명한다면 여기에 코드를 게시하십시오. 매우 흥미 롭습니다.