Tabs using :target pseudo-class in CSS 3

Tab 1 Tab 2 Tab 3 Tab 4

このページは CSS だけでタブ UI を実現しています。

The tabs in this page are working only by CSS.

ページ推移もしていませんし、JavaScript も使ってません。実際、ローカルで試してみるといいでしょう。(^-^)

There ain't no pages to jump, nor JavaScripts moving in background ! Save it, and try it in your local machine. (Of course, it works in offline mode too.) :-)

けれども残念ながら CSS の :target 疑似属性が実装されていない IE6 以前では動作しません。(- -;)

But, these tabs doesn't work in IE, since CSS 3 ("target" pseudo-class) is not implemented yet competitively. :-(


It's quite a shame, isn't it?


The ':target' pseudo-class - Bert Bos @ W3C