« 亀戸餃子 | トップページ | 亀戸天神の梅 »

画像の貼り付け方(3)記事見出しへ

バナー部分と同様に、記事見出しにのバックにも画像を貼り付けることができます。
サイズは、標準だと360×40くらいのサイズでしょうか。(各自のデザインにあわせた調整は必要)

(1)画像のアップロードは、タイトルのときと同様です。

(2)スタイルシートの指定方法は次のような感じで、.content h3 { }の中に指定します。
    background-image: url(contents_banner.jpg);
    background-position: left;
  私のページのように、見出しを一番左まで寄せたくない場合はマージンを指定します。
    text-indent: 30px;
  見出しの周囲を枠で囲みたい場合は、次のように指定します。太さも指定できます。
    border: 1px solid #000000;
  上下左右で色や太さを変えたい場合は個別に指定します。
    border-left: 1px solid #000000;
    border-right: 2px solid #3366CC;
    border-top: 3px solid #99cc33;
    border-bottom: 4px solid #808080;

ひとつわかれば、他の部分も同じように適用できるので、いろいろ試してみると面白いですね。

|

« 亀戸餃子 | トップページ | 亀戸天神の梅 »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: 画像の貼り付け方(3)記事見出しへ:

« 亀戸餃子 | トップページ | 亀戸天神の梅 »