Home > 開発ツール・技術 > よく使われているCSSハック12選（＋おまけ）

よく使われているCSSハック12選（＋おまけ）

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

@taguchiをフォロー！
Twitterもやっています！
Posted on March 14th, 2008

Comments:1

Anonymous 08-03-15 (Sat) 23:27

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

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.ideaxidea.com/archives/2008/03/css12.html/trackback
Listed below are links to weblogs that reference
よく使われているCSSハック12選（＋おまけ） from IDEA*IDEA ～ 百式管理人のライフハックブログ

Home > 開発ツール・技術 > よく使われているCSSハック12選（＋おまけ）

百式ジョブボード（求人情報）
TwitterCounter
最近のつぶやき
Powered by…

ユーザー中心 ビービット
『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.まID Webサービス図鑑
誠Biz.IDの「Webサービス図鑑」を応援中です！

あわせて読みたいブログパーツ
SEO
人気の商品
管理人の著書
Image of はじめてのGTD ストレスフリーの整理術
Image of シャングリラ・ダイエット~全米ベストセラー!「食事制限」なし!「運動」なし!の魔法のダイエット~
Image of 起業・企画・営業・雑談のネタは日常の諦めている不便利から
Image of アイデア×アイデア
Image of ストレスフリーの仕事術―仕事と人生をコントロールする52の法則
最近の写真
茹で豚肉とかぶのマヨポン酢あえきのことサーモンのクリームリゾット。白子のムニエルF-03B電車笑わせる機能画像合成指輪サイズ打ち上げ機能前科タグロック解除ポイント加算セピアウォーリーいくら！大トロ！しらこ！お刺身！今日の戦利品店長さん
モバイル版
最近の記事
カテゴリー別
過去記事一覧

Return to page top