niwadesign

ホームページ制作のネタ発信

見出し

CSS 背景画像を使った見出し(タイトル)

投稿日:2007/7/9 月曜日 更新日:

背景画像を使った見出し(タイトル)

あったら便利なCSS TIPSを本日から不定期で更新していきます。
第1回目は見出しを取り上げました。h2,h3などの見出しに利用してください。特に毎回画像を作るのが面倒な時やcssの背景カラーでは物足りない場合などにとっても有効です。

サンプルを表示する

-見出し
-

執筆者:


comment

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

関連記事

CSS シンプルなボーダーを使った見出し(タイトル) その4

今回はhタグとstrongタグを使った併せ技! サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その6

シンプル見出しシリーズ第6弾。今回もボーダーを使ってのデザインです。 サンプルはこちら

CSS 背景画像を使った見出し(タイトル)Mozilla Japan風

背景画像を使った見出し(タイトル)です。左上にグラデーションのかかった画像を配置することによって、万が一タイトルが2行のなってしまっても見た目の違和感をなくすことができます。 サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その5

シンプル見出しシリーズ第5弾。今回もボーダーを使ってのデザインです。 サンプルはこちら

CSS シンプルなボーダーを使った見出し(タイトル) その3

シンプル見出しシリーズ第3弾。今回もボーダーを使ってのデザインです。よく見かけるあれです。 サンプルはこちら