画像の貼り付け方(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;
ひとつわかれば、他の部分も同じように適用できるので、いろいろ試してみると面白いですね。
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- 日中なのに(2004.08.13)
- RSSリーダ「Headline Reader」を使ってみる(2004.05.16)
- 先週の検索ワードランキング(2004.04.21)
- アクセス解析新機能-検索ワードランク-(2004.04.14)
- 1週間で2000ページビュー突破(2004.04.05)
この記事へのコメントは終了しました。
コメント