CSSだけで実装できるタブメニュー radioボックスを使ったシンプルなコード ~CSS Tabs~
![](https://9-bb.com/wp-content/uploads/2014/01/9fe214772398ae1e8a6ed2014e2e6f54.png)
PR
CSS Tabs
See the Pen CSS Tabs by How Bizarre (@howbizarre) on CodePen.
http://codepen.io/howbizarre/details/bEdIB
チェックボックスのradioタイプを使ったタブメニューです。
radioタイプなので、一つを選択したら他がOFFになる特性を活かしたタブメニューです
CSSだけで出来ていてコードも短くて分かりやすいです
CSSだけタブ化ができるので、レスポンシブなWEBデザインでもCSSのメディアクエリを使ってバラバラに表示されていたものを画面幅が狭まると一つのタブにまとまるようなデザインが作れたりします
PR
COMMENT