導(dǎo)航欄是網(wǎng)站的重要組成部分，它可以幫助用戶快速找到所需內(nèi)容，在HTML中，我們可以使用div和CSS來制作一個導(dǎo)航欄。

我們需要創(chuàng)建一個div元素來包含導(dǎo)航欄的內(nèi)容。

<div id="navbar">
  <ul>
    <li><a href="#">首頁</a></li>
    <li><a href="#">新聞</a></li>
    <li><a href="#">關(guān)于我們</a></li>
    <li><a href="#">聯(lián)系我們</a></li>
  </ul>
</div>

我們可以使用CSS來樣式化導(dǎo)航欄。

#navbar {
  width: 100%;
  height: 50px;
  background-color: #333;
}
#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#navbar li a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
}

在這個CSS樣式中，我們將導(dǎo)航欄的寬度設(shè)置為100%，高度設(shè)置為50px，背景顏色設(shè)置為#333，我們將列表樣式類型設(shè)置為none，取消列表的默認(rèn)樣式，我們將列表元素設(shè)置為flex布局，使其子元素在水平方向上排列，我們將鏈接顏色設(shè)置為#fff，取消鏈接的下劃線，并設(shè)置鏈接的填充為10px。

通過div和CSS的結(jié)合使用，我們可以輕松地制作一個具有吸引力的導(dǎo)航欄。