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

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

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