Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] Placing a CSS background image horizontally right on an h2 using a span element – h2タグとspanタグを使った、文字左部の装飾

  • Pocket
  • このエントリーをはてなブックマークに追加

これまたわりと具体的なTipsですが、コーダーやデザイナーの人にはわりと使いやすい手法だなと思ったので備忘録代わりにメモ。見出しに使う文字のアクセントに、文字左側にアイコンをバックグラウンド指定する方法が紹介されてます。マージンの細かいとりかたや、divボックス内で文字のケツ揃えにするか左側揃えにするのかなど、こういう装飾をしようと思った時に役立ちそうな感じ。こちらからデモが見れます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください