css 制作横向导航菜单 |css 段落怎么缩进2字符

要制作横向导航菜单，首先需要用HTML创建一个导航菜单的框架，包括每个导航项和它们对应的链接。例如：

<nav><ul><li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Services</a></li><li><a href="#">Blog</a></li><li><a href="#">Contact</a></li></ul></nav>

接下来，通过CSS设置导航菜单的样式。大家首先要设置ul的样式为“display: inline-block”，使每个导航项都水平排列。然后为每个li和a元素设置一些相应的CSS属性，例如：

nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin: 0 10px;
}
nav a {
display: block;
padding: 10px;
background-color: #ddd;
color: #333;
text-decoration: none;
}
nav a:hover {
background-color: #333;
color: #fff;
}

在上面的代码中，大家通过设置“display: block”让每个a元素占据整行的宽度，并设置一些背景色和颜色等样式属性。另外，大家还针对鼠标悬停状态设置了一些上色效果。最终效果如下：

现在，大家已经成功地用CSS制作了一个简单的横向导航菜单。你可以通过更改上面的CSS属性来定制和美化自己的导航菜单。