初心者です。教えてください。ヘッダーにナビゲーションメニューを設置していて、その背景は黒にしています。文字は白です。 ```css #menu { position: relative; width: 100%; padding-left: 0px; height: 40px; background: #343838;/*グローバルメニュー背景色*/ } .menu-inner{ width: 700px;/*グローバルメニュー幅*/ margin: 0 auto; height: 40px; } #menu li { list-style-type: none; float: left; height: 40px; text-align: center; width: 20%; } #menu li a { display: block; color: #ffffff;/*グローバルメニュー文字色*/ font-size: 80%; font-weight: bold; line-height: 40px; } #menu li:hover a { color: #00DFFC; background: #ffffff; transition: all .5s; } .menu-toggle{ display: none; } /*パソコン１カラム*/ @media screen and (max-width:968px){ .menu-inner{ width: 768px; } } /*タブレット*/ @media screen and (max-width:768px){ #top-editarea{ height: auto; background: #343838;/*MENU背景色*/ text-align: left;/*MENUの文字の位置*/ width: 90%; opacity: 0.9; } .menu-toggle{ color: #ffffff;/*MENUの文字色*/ display: inline-block; padding: 5px; margin: 3px; } #menu { width: 100%; display: none; height: initial; padding: 0; margin: 0; } .menu-inner{ width: 100%; height: initial; position: static; margin: 0; } #menu li{ float: none; height: 35px; width: 100%; list-style-type: none; background: #FFFFFF;/*リスト文字の背景色*/ margin: 0 auto; text-align: left;/*リストの文字の位置*/ } #menu li a { height: initial; color: #343838;/*リスト文字色*/ display: block; } #menu li:hover a{ color: initial; background: initial; } } ``` ヘッダーへ入力したもの ```HTML

テスト

``` このヘッダーの上に例えば文字や文章を入力したとき、その背景も黒くなってしまうのですが、何か解決方法があれば教えていただきたいです。特にスマホからページを見ると、このようになります。 ![イメージ説明](81b09490f1eb11944731f3c4b2b8c6b1.png) パソコンからはこうです。 ![イメージ説明](d5bf2d2e8753f188de1a2ac68b9582b9.png) 例えば、ヘッダーに広告や文字を置いて（背景なし）、そこから改行をして、次の行から黒い背景にするようなことは可能でしょうか？

	@@ -1 +1 @@
1	- ヘッダーの背景~~について~~
1	+ 【初心者です】ヘッダーの背景の色を変更できません

質問編集履歴