CSS导航背景全黑

ul {
background-color: black;
}
li {
display: inline-block;
}
a {
display: block;
padding: 15px;
color: white;
}

如上代码可实现导航背景全黑的效果，其中ul设置了背景颜色为黑色，li元素使用了inline-block，使得导航项在同一行内水平排列，a元素设为块级元素，使用padding设置导航项内边距，color设置字体颜色为白色。