首先，导航栏需要放在HTML文件的标签中，如下所示：
<body> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Blog</a></li> </ul> </nav> </body>
上面的代码中，大家创建了一个
接下来，大家需要对导航栏进行样式设置，使用CSS可以轻松实现。例如，大家可以设置导航栏背景颜色、字体大小、字体颜色等等。以下是一个简单的CSS样式代码：
nav {
background-color: #2B2D42;
padding: 10px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
li {
font-size: 18px;
padding: 5px 10px;
}
a {
color: #FFFFFF;
text-decoration: none;
}在上面的代码中，大家设置了导航栏的背景颜色为#2B2D42，字体大小为18px，选项之间使用弹性盒子进行居中对齐。为了美观，大家将链接的下划线去掉，设置字体颜色为白色。
最后，大家将CSS样式代码应用于HTML文档。可以在标签中使用标签将CSS代码包裹起来，也可以直接将CSS代码保存为一个css文件，通过标签将它与HTML文档链接起来，如下所示：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
这样，大家就成功地设置了导航首页，让网页变得更加美观和易于使用。