Html 填充框的CSS背景文本
我正试图复制一个网站作为我的第一个CSS/HTML练习。 我不知道如何制作菜单列表，使其背景填充框（一直延伸到右边框） 我现在拥有的东西（图片右侧，红线显示背景应该放在哪里）和我想要得到的东西（左侧） 我的 到目前为止，我一直在尝试实现它，例如使用“宽度”和“显示”参数，但例如Html 填充框的CSS背景文本,html,css,background,fill,Html,Css,Background,Fill,我正试图复制一个网站作为我的第一个CSS/HTML练习。 我不知道如何制作菜单列表，使其背景填充框（一直延伸到右边框） 我现在拥有的东西（图片右侧，红线显示背景应该放在哪里）和我想要得到的东西（左侧） 我的 到目前为止，我一直在尝试实现它，例如使用“宽度”和“显示”参数，但例如display:block删除文本之间的行。我没有主意了 display: block; width: 100%; margin-bottom: 2px; 到#菜单的spa
display:block删除文本之间的行。我没有主意了
display: block;
width: 100%;
margin-bottom: 2px;
到#菜单的span
是内联元素，因此它们不能具有宽度
或高度
。您应该为li
元素添加背景色，而不是span
.menu{
background-color: grey; //Change it to your custom colour.
}
另外，不能有多个元素具有相同的ID
。你必须把它们作为一个类
.id=“menu”id在html中只使用一次。您可以更改为class=“menu”。谢谢，页边距底部
似乎是解决我问题的关键。@ober否。问题是跨距是内联元素。还要注意ID和类（正如我在回答中提到的）。感谢您提供有关ID
和spans
的提示，我会记住它们。投票通过，但我的投票将在我到达15个代表时显示。@ober您必须了解每个元素在网页上的显示方式。例如，当您将span
显示为块
时，它的行为类似于块
，因此具有高度/宽度。默认情况下，跨度是内联元素，因此它不覆盖li元素的全部宽度。还要注意ID和类。仅在唯一元素中使用ID非常重要。干杯！：）