カテゴリタグに背景画像を表示しよう

カテゴリタグにの背景には「#9a9a9a」という色が指定されています。 画像を指定する記述を加え背景に画像を表示しましょう。

1. 画像を用意

幅750×高さ25の画像（header_2.gif）をフォルダ「images」用意します。

2. ソースの書き換え

CSSの239行目「#navCatTabsWrapper」に画像（header_2.gif）を指定する記述「background: url(../images/header_2.gif) left top no-repeat;」を加え上書き保存します。

変更前

#navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

変更後

#navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	background: url(../images/header_2.gif) left top no-repeat;
	}

3. 確認

ブラウザの更新をクリックし確認します。背景画像が表示されました。