2004年11月22日

バナーの色変更+枠をつける

こんにちは。今日はバナーの色を変更して囲みをつけてみようと思います。

両方ともいじる部分は「#banner{}」部分です。

0.バナー下部の点線を消す
 色の変更の前に文字の下にある点線を消します。残しておきたい人はとばしてもらって大丈夫です。
 「#banner{}」の中にある文字関係の指定以外を消します。
 私はホワイトのテンプレートを使っているので「border-bottom:2px dotted #666;」という部分を消しました。

1.バナー部分の色を変える
 「#banner{}」の中に「background:好きな色コード;」と書きます。

2.バナー部分に枠線をつける
 おなじく「#banner{}」の中に「border:好きなピクセル solid 好きな色コード;」と書きます。

1.2.はもともとある「#banner{}」の中に書き足してもいいし、文字部分と装飾を分けておきたいと思えば別に「#banner{}」を作って書いても大丈夫です。

以上の部分を変更すると、

変更6・バナー部分の色変更と枠つけ

こう(クリックで拡大)なります。サイズが違うのは気にしないでください。


今回はここまで。お付き合いありがとうございました(^^)

タグ:CSS
posted by 四葉屋 at 17:53| Comment(0) | TrackBack(0) | CSSいじり | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/1099914

この記事へのトラックバック

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。