少しのコードで実装可能な20のCSS小技集

 

1. マウスオーバーで画像を変更
2. 外部リンクを別タブで開く
3. ページトップへスクロールする
4. Div全体をクリックできるようにする
5. テーブルの偶数・奇数の行の色を変える
6. リンク切れ画像を差し替える
7. CSSハックを使わずブラウザーごとにCSSを変更
8. 画像のプリローダー
9. IE6以下ユーザーにメッセージを表示
10. Divを消す
11. フォーカスしているフォームのラベルにクラスをつける
12. フォームにテキストを入れておき、フォーカスで消す（文字色も変更）
13. 入力文字数をカウント
14. ラジオボタンとチェックボックスを装飾する
15. スライドパネル
16. アコーディオン
17. ツールチップ
18. プリントダイアログを表示
19. Twitter最新のTweetを表示
20. 効果音を入れる