html - 推出导航菜单 - 背景 css 问题

Question

我有一个推出的导航菜单，其中（理想情况下）第一组按钮应该在20px任#000104一侧。将鼠标悬停在“关于”和“属性”上时，部署将#000104在扩展选项后面继续。

不过，我在限制第一组按钮的大小时遇到了麻烦。做这个的最好方式是什么？（我的主要问题是每个按钮的长度不同——关于、博客、联系人、属性；如何动态调整背景颜色的大小？）

理想形象

score 2 · Accepted Answer

您想background: #000104在a标签上使用，而不是ul标签。这样，颜色就不会延伸到无序列表的整个宽度；它只会延伸到a文本。此外，要使按钮在每一侧延伸得更多，padding请在左侧和右侧添加 20 像素。

nav ul li a {
    background: #000104;
    padding-left: 20px;
    padding-right: 20px;
}

1 回答 1