[CSS]シンプルなHTMLでタブを角丸にするチュートリアル（イラスト付き）

シンプルなHTMLでどのように角丸のタブを実装するか、分かりやすいイラストを交えたチュートリアルを紹介します。 Tabs with Round Out Borders デモページ [ad#ad-2] HTML HTMLは非常にシンプルで、リスト要素で実装しています。 <ul class="tabs group"> <li class="active"><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a href="#three">Four</a></li> </ul> classのactiveは、現在のタブを明示するものです。 リスト要素をどのように角丸のタブにするか、イラストでご紹介。

[Leonk]

web css3 タブ

[webbingstudio]

CSSのbefore・afterのうまい使い方。非対応のIEでは角丸にならないだけ

[nors]

http://css-tricks.com/14001-tabs-with-round-out-borders/

[warriorking]

(CSS)シンプルなHTMLでタブを角丸にするチュートリアル（イラスト付き） | コリス

[kyaido]

タブを角丸

[Donca]

✔ [CSS]シンプルなHTMLでタブを角丸にするチュートリアル（イラスト付き）