• サイドバーの見出しの色を変え、背景に色をつけます。
  • 本ブログの場合、水草の雰囲気を表現するために見出しの色を薄い緑、背景色を青にしています。

サイドバーの見出しの色を変え、背景に色をつける方法

(1)スタイルシート(style.css)に追記する。

サイドバーの見出しの色を変え、背景に色をつける。

.menu_underh2 {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(images/ca3.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.menu_underh2 {
	color: #CF0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background:royalblue;
	background-image: url(images/ca3.png);
	background-repeat: no-repeat;
	background-position: left center;
}

※color,background-color は#RGB指定(#CF0)や直接指定(royalblue)が可能です。好みの色等はRGB関連サイトでご確認ください。

以上です!