我是網頁設計的新手。在這個項目中，我試圖用它們的 id 為 5 個 div 元素設置背景顏色。其中 3 個有效，但最后 2 個 div（飲料和食物）沒有變色。我還嘗試重新排列和重命名元素或將元素更改為 p 標簽，但它們都有同樣的問題。這是我的代碼和結果：<html>? ? <head>? ? ? <style>? ? ? ? ?body? ? ? ? ? {? ? ? ? ? ? padding:0px;? ? ? ? ? ? margin:0px;? ? ? ? ? }? ? ? ? #navigationbar? ? ? ? {? ? ? ? ? width:100%;? ? ? ? ? height:131px;? ? ? ? ? position:absolute;? ? ? ? ? top:526px;? ? ? ? ? ? ? ??? ? ? ? }? ? ? ? .d1? ? ? ? {? ? ? ? ? font-weight:bold;? ? ? ? ? text-align:center;? ? ? ? ? font-size:20pt;? ? ? ? ? width:20%;? ? ? ? ? height:100%;? ? ? ? ? float:left;? ? ? ? ? margin:0px;? ? ? ? }? ? ? ? .p1? ? ? ? {? ? ? ? ? margin-top:65px;? ? ? ? }? ? ? ? #breakfast? ? ? ? {? ? ? ? ? background-color:red;? ? ? ? }? ? ? ? #sweets? ? ? ? {? ? ? ? ? background-color:#ff1a1a;? ? ? ? }? ? ? ? #appetizer? ? ? ? {? ? ? ? ? background-color:#009933;? ? ? ? {? ? ? ? #food? ? ? ? {? ? ? ? ? background-color:lime;? ? ? ? }? ? ? ? #drink? ? ? ? {? ? ? ? ? ? background-color:blue;? ? ? ? }? ? ? ? ? ? </style>? ? </head>? ? <body>? ? ? ?<div id="navigationbar">?? ? ? ? ? ? ? ? <div class="d1" id="breakfast">? <p class="p1"> Breakfast? </p>? </div>? ? ? ? ? ? ? ? <div class="d1" id="sweets">? ? ?<p class="p1">? ?Sweets? ?</p>? </div>?? ? ? ? ? ? ? ? <div class="d1" id="appetizer">? <p class="p1"> Appetizer? </p>? </div>?? ? ? ? ? ? ? ? <div class="d1" id="drink">? ? ? <p class="p1">? Drink? ? ?</p>? </div>? ? ? ? ? ? ? ? <div class="d1" id="food">? ? ? ?<p class="p1">? ?Food? ? ?</p>? </div>? ? ? ? </div>? ? </body></html>
無法為具有 id 的 div 元素設置背景顏色
青春有我
2023-05-25 15:38:18
