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

先日の「知っておくといいかもしれないCSS、8つの小技 | IDEA*IDEA」とかぶるところも多いですが、いつか使いたいという意味でメモ的にエントリー。「Most used CSS tricks」なる記事です。ちょっとしたCSSの小技が12個紹介されています。どれも便利そうですよ。
実際のコードは元記事を見てもらうとして、どんなハックがあるかを紹介していきましょう。
- 画像を使わずに角丸を表現する方法
- 番号付きリストにかっこいいスタイルをつける方法
- テーブルを使わずにきれいなフォームをつくる方法
- かっこいい引用文をつくる方法
- テキストにグラデーションをかける方法
- line-heightを使って縦方向にセンタリングする方法
- classを複数指定する方法
- 横方向にセンタリングする方法
- パラグラフの最初の1文字を大きくする方法
- リンクで折り返しを禁止する方法
- スクロールバーを表示させたり、させなかったりする方法
まぁ、よくある手法ですが、使いたいときに忘れていることもよくありますよね・・・ということでほぼ自分メモですがよろしければどうぞ。
ちなみに同ブログにある「10 best CSS hacks」もすごく参考になりますね。定番ではありますが。CSSのリセットだとか、min-heightだとか。こちらもあわせてどうぞ。
» 10 best CSS hacks | StylizedWeb.com
Info: 開発ツール・技術 |
固定リンク |
コメント (1) |
トラックバック (0) |
↑


