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の法則
最近の写真
いくら！大トロ！しらこ！お刺身！今日の戦利品店長さん高円寺のすごろく屋つぶやけ@akiyanパノラマ連射！パノラマお庭洗った天使や！みんなでさくら手書きスナップ池さくらさくら
モバイル版
最近の記事
カテゴリー別
過去記事一覧

Return to page top