Dreamweaver是一款常用的網(wǎng)頁制作軟件，它的css樣式編輯器可以幫助我們快速制作導(dǎo)航欄。下面介紹如何用DW制作css導(dǎo)航欄：

/* CSS代碼 */
/* 定義導(dǎo)航欄容器 */
.nav {
display: flex; /* 設(shè)置為彈性布局 */
flex-wrap: wrap;
justify-content: space-between; /* 元素之間等間距 */
background-color: #333;
color: #fff;
padding: 10px;
}
/* 定義導(dǎo)航欄中的鏈接樣式 */
.nav a {
color: #fff;
padding: 10px;
text-decoration: none;
}
/* 鼠標(biāo)懸停鏈接上時的樣式 */
.nav a:hover {
background-color: #fff;
color: #333;
}

以上CSS代碼中，首先定義了導(dǎo)航欄容器的樣式，設(shè)置了背景色和顏色，使用彈性布局顯示和排列，同時鏈接之間留有空隙。

接下來定義了導(dǎo)航欄中的鏈接的樣式，設(shè)置了文字顏色和鏈接間的間距。當(dāng)鼠標(biāo)懸停在鏈接上時，鏈接文字背景色和顏色反轉(zhuǎn)。

最后在HTML文件中添加導(dǎo)航欄容器，并在其內(nèi)部添加鏈接元素即可：

<div class="nav">
<a href="#">首頁</a>
<a href="#">關(guān)于我們</a>
<a href="#">產(chǎn)品中心</a>
<a href="#">聯(lián)系我們</a>
</div>

通過以上步驟，就可以很容易地制作出一個漂亮的CSS導(dǎo)航欄。