Html 如何在CSS中设置列表样式，以使背景色不'；Don’不要走到队伍的尽头

我正在努力学习一些基本的CSS。我很难将列表设计成我的导师为一个小练习提供的样式

ul#菜单li{
显示：块；
边界块结束：0px；
背景色：#66c；
保证金：2倍；
列表样式类型：无；
左侧填充：5px；
垫顶：2件；
}
#菜单{
背景色：#64a；
}
#菜单a{
颜色：白色；
文字装饰：无；
}

示例菜单页
示例菜单页







第一节
这是页面真实内容的第一部分

本练习主要是关于：


CSS
鹅

事实上，关于鹅的事情并不多。我只是想在那里使用
ul

下一节
我真的没什么可说的了。哦，好吧，回到旧的标准，我想&hellip

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

基本上，将

ul

作为一个浮动元素放置在右侧，如下所示：

ul#menu {
  float: right;
}

此外，您可能希望添加

width

以使其看起来更好，并且您可能希望在HTML中将其向上移动到

h1

标记上方，使其在顶部浮动，如您的示例中所示：

---

我认为任务示例是错误的-您的讲师将ul设置为一种背景色，而li设置为另一种背景色-但是-这要求ul应用填充（这在浏览器中很常见，也是默认的，但经常被覆盖的是样式表，以删除填充或以不同方式设置。因此，如果ul#菜单上应用了左填充：0，则左颜色将消失。最好不要依赖默认浏览器样式，而是显式地将您想要的样式设置为正确的选择器。存在有很多方法可以实现ul或li的左颜色。