よく使われているCSSハック12選（＋おまけ）
March 14, 2008 9:32 AM written by Gen Taguchi

先日の「知っておくといいかもしれないCSS、8つの小技 | IDEA*IDEA」とかぶるところも多いですが、いつか使いたいという意味でメモ的にエントリー。「Most used CSS tricks」なる記事です。ちょっとしたCSSの小技が12個紹介されています。どれも便利そうですよ。

実際のコードは元記事を見てもらうとして、どんなハックがあるかを紹介していきましょう。

1. 画像を使わずに角丸を表現する方法
2. 番号付きリストにかっこいいスタイルをつける方法
3. テーブルを使わずにきれいなフォームをつくる方法
4. かっこいい引用文をつくる方法
5. テキストにグラデーションをかける方法
6. line-heightを使って縦方向にセンタリングする方法
7. classを複数指定する方法
8. 横方向にセンタリングする方法
9. パラグラフの最初の1文字を大きくする方法
10. リンクで折り返しを禁止する方法
11. スクロールバーを表示させたり、させなかったりする方法

まぁ、よくある手法ですが、使いたいときに忘れていることもよくありますよね・・・ということでほぼ自分メモですがよろしければどうぞ。

» Most used CSS tricks

ちなみに同ブログにある「10 best CSS hacks」もすごく参考になりますね。定番ではありますが。CSSのリセットだとか、min-heightだとか。こちらもあわせてどうぞ。

» 10 best CSS hacks | StylizedWeb.com

Info: 開発ツール・技術 | 固定リンク | コメント (1) | トラックバック (0) | ↑