ヘッダーの背景色が変わりません。
現在はこのような形になっています(わかりやすするためにボーダーライン付き)
ヘッダー全ての背景色をグレーに変えたいです。
<!doctype html> <html lang="jp"> <meta charset="utf-8" name="description"> <meta name="keywords" content="Sushi,osaka"> <style> header{ background-color: black; } .header-logo{ float: left; font-size: 20px; padding: 20px; background-color: gray; } </style> <title>Sushi Japan</title> </head> <body> <header> <div class="header"> <div class="header-logo">Sushi Japan</div> <div class="header-list"> <ul> <li><a href="" target="_blank">TOP</a></li> <li><a href="" target="_blank">FIRST VISIT</a></li> <li><a href="" target="_blank">PRICE</a></li> <li><a href="" target="_blank">LOCATION</a></li> <li><a href="" target="_blank">APPONTMENTS</a></li> </ul> </div> </div> </header> </body> </head>`header`要素に`background`プロパティを設定したものでは質問者さんの実現したいことは行えない、ということでしょうか?
もしそうであれば、もう少し詳しく質問者さんの実現したいことを教えていただけませんか?
コメントありがとうございます。
はい。header要素にしてbackgroudにしても色が変わりません。
こちらのページでも`header`要素の背景色が変わっていないように見えますか?
https://jsfiddle.net/d5c8pe72/show
コードはマークダウンのcode機能を利用してください。
また色やフォントなどは明らかに分かりやすい色やサイズで適用確認された方が良いです。
見えます。同じ方法で試しましたが、自分のページではリストの上部の背景色が変わりました。
質問内容に参考画像を添付しました。このような状態になっています。
※質問は編集できますので適宜ご対応ください
問題のスクショを投稿しました。参照願えませんか。
> 見えます。同じ方法で試しましたが、自分のページではリストの上部の背景色が変わりました。
jsFiddle 上でも`header`要素の背景色が変わっていないように見えるのであれば、 jsFiddle 上では`header`要素がどのように見えますか?
また、質問者さんが実現したいことをもう少し詳しく教えていただけませんか?
今の提示コードは、CSSが不足しており、提示の画像のようなレイアウトになってません。
関連するコードの追加と、問題となる部分が、分かりやすい画像を提示されると良いかと思います。
回答1件
あなたの回答
tips
プレビュー