みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ヘッダー部分に背景色をつける。

森の工房について 季節のイベント お問い合わせ ブログ、の部分について背景色をつけたいのですがどうもうまくついていません。

ちなみに僕が書いたhtmlを書いておきます。誤りがありましたらご指摘お願いいたします。

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0
Transititional//EN""http://www.w3.org/TR/xhtml1/DTD
xhtml1-transitional.dtd">
<html xmlns="http://www.w3g.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
Content="text/html;charset=utf-8">
<title>森の工房[Forest Studio]-森の工房について</title>
<style type="text/css">

body {color:#444444;
background-color:#66aa66}

div#container {border:solid 2px #bbffaa;
padding:20px;
background-color:#ffffff}

div#header {background-color:#66aa66}

div#header p {color:#222222}

h1 {font-size:1.25em;
font-family:Verdana,Helvetica,sans-serif;
color:#ffffff}

p {font-size:0.75em;
line-height:1.4}

address {font-size:0.75em;
font-style:normal}

li {text-decoration:none}

h2 {font-size:1em;
border-left:solid 16px #66aa66;
padding-left:5px}

h3 {dont-size:0.875em;
border-bottom:solid 2px #66aa66;
padding-bottom:3px}

a {color:#33aa88}

a: {hover:#88aaff}

address a:hover {color:#ffaa00}

ul {list-style-type:none;
margin-left:0;
padding-left:0;
back-ground-color:#bbffaa;
padding:3px 20px}

li {display:inline;
padding-right:10px;
font-size:0.75em}

li a {text-decoration:none}



</style>
</head>
<body>

<div id="container">

<div id="header">

<h1>Forest Studio</h1>

<p>自然のあれこれをお届けする森の工房です</p>

</div>

<ul>
<li><a href="about.html">森の工房について</a></li>
<li><a href="event.html">季節のイベント</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
<li><a href="http://.xxx.xxx/">ブログ</a></li>
</ul>


<h2>森の工房について</h2>

<p>Forest Studioでは、自然の中にある「森の工房」を
運営しています。森の工房では、四季を通してイベント
を開催したり、さまざまな商品の開発を行っています。
</p>

<h3>森の中にある工房</h3>

投稿日時 - 2011-03-08 07:16:24

QNo.6577700

すぐに回答ほしいです

質問者が選んだベストアンサー

ulの中の
back-ground-color:#bbffaa;
が間違っています。
background:#bbffaa;
に変えてみてください。

1行でないなら、その指定をliに移動してみてください。

私なら、li aで指定して、li a:hover{background:別の色;}なんてして遊びます。

投稿日時 - 2011-03-08 08:22:56

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問