Html 如何在css中突出显示整行？

我试着让橙色部分在整个屏幕上，而不是仅仅在文本上？因此，当有人将鼠标悬停在它上面时，所选菜单项上会出现橙色

这是我的密码

*{
保证金：0；
填充：0；
}
html{
背景#76787a；
字体系列：Arial，无衬线；
字体大小：粗体；
}
.集装箱{
文本对齐：居中；
列表样式类型：无；
}
a{
文字装饰：无；
背景色：#c67b3d；
}
a:悬停{
背景颜色：绿色；
}
.菜单李a{
颜色：黄色；
字体大小：160px；
}

修改css文件： 付诸表决：

在.container中修改css文件： 付诸表决：

---

在.container中

生成

。菜单li a

显示：块

不确定是否需要

页边距底部：10px


*{
保证金：0；
填充：0；
}
html{
背景#76787a；
字体系列：Arial，无衬线；
字体大小：粗体；
}
.集装箱{
文本对齐：居中；
列表样式类型：无；
}
a{
文字装饰：无；
背景色：#c67b3d；
}
a:悬停{
背景颜色：绿色；
}
.菜单李a{
显示：块；
边缘底部：10px；
颜色：黄色；
字体大小：160px；
}







制作
。菜单LIA
显示：块

不确定是否需要
页边距底部：10px


*{
保证金：0；
填充：0；
}
html{
背景#76787a；
字体系列：Arial，无衬线；
字体大小：粗体；
}
.集装箱{
文本对齐：居中；
列表样式类型：无；
}
a{
文字装饰：无；
背景色：#c67b3d；
}
a:悬停{
背景颜色：绿色；
}
.菜单李a{
显示：块；
边缘底部：10px；
颜色：黄色；
字体大小：160px；
}







只需将
display:block
添加到
a
元素中即可。您甚至可以去掉
元素和
元素


*{
保证金：0；
}
.集装箱{
文本对齐：居中；
}
a{
文字装饰：无；
显示：块；
背景颜色：橙色；
}
a:悬停{
背景颜色：绿色；
}
只需将
display:block
添加到
a
元素中即可。您甚至可以去掉
元素和
元素


*{
保证金：0；
}
.集装箱{
文本对齐：居中；
}
a{
文字装饰：无；
显示：块；
背景颜色：橙色；
}
a:悬停{
背景颜色：绿色；
}


*{
保证金：0；
填充：0；
}
html{
背景#76787a；
字体系列：Arial，无衬线；
字体大小：粗体；
}
.集装箱{
文本对齐：居中；
列表样式类型：无；
背景色：#c67b3d；
最大宽度：100%；
}
a{
文字装饰：无；
背景色：#c67b3d；
}
a:悬停{
背景颜色：绿色；
}
.菜单李a{
颜色：黄色；
字体大小：160px；
}






*{
保证金：0；
填充：0；
}
html{
背景#76787a；
字体系列：Arial，无衬线；
字体大小：粗体；
}
.集装箱{
文本对齐：居中；
列表样式类型：无；
背景色：#c67b3d；
最大宽度：100%；
}
a{
文字装饰：无；
背景色：#c67b3d；
}
a:悬停{
背景颜色：绿色；
}
.菜单李a{
颜色：黄色；
字体大小：160px；
}





颜色效果需要应用于
.menu li
而不是
。menu li a

这段代码的片段是
需要在
.menu li
上应用颜色效果，而不是
。menu li a

这段代码的片段是
将标签的宽度设置为100%，我将代码放在一个代码段中，但您应该知道您忘记了开始和结束列表标签。您需要将
背景色
放在
标签上，并将其设置为
宽度：100%
。这会将橙色背景拉伸到100%的宽度。您似乎缺少一个结束导航标记。：）将标记的宽度设置为100%我将代码放入代码段中，但您应该知道您忘记了开始和结束列表标记。您需要在
标记上添加
背景色，并将其设置为
宽度：100%
。这会将橙色背景拉伸到100%的宽度。您似乎缺少一个结束导航标记。：）这并不能回答这个问题。若要评论或要求作者澄清，请在其帖子下方留下评论。-@穆罕默德·费萨尔：你是对的。我编辑了我的评论。不确定为什么不起作用：/可能是因为它缺少了
和结束语
？这并不能提供问题的答案。若要评论或要求作者澄清，请在其帖子下方留下评论。-@穆罕默德·费萨尔：你是对的。我编辑了我的评论。不确定为什么不起作用：/可能是因为它缺少了
和一个结束语
？？
background-color: #c67b3d; max-width: 100%;