よく使われているCSSハック12選(+おまけ)

SPONSORED LINK

Pocket

css_hacks.gif

先日の「知っておくといいかもしれない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

ツイッターもやっています!

SPONSORED LINK

    • Anonymous
    • March 15th, 2008

    これはいいブログを教えて頂きました。
    あと7. Rounded corners with imagesが抜けてますよっと。

  1. No trackbacks yet.