HTML導航欄是網頁設計中非常重要的組成部分之一，可以根據不同的需求進行個性化的設計。以下是常用的導航欄樣式代碼：

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">產品介紹</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

以上代碼是最基本的導航欄代碼，使用<nav>標簽定義導航欄，使用<ul>和<li>標簽定義列表，使用<a>標簽定義超鏈接。

接下來，我們可以為導航欄加上樣式：

nav {
background-color: #333;
height: 50px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
li {
height: 100%;
}
a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 0 15px;
color: #fff;
text-decoration: none;
font-size: 16px;
}
a:hover {
background-color: #555;
}

以上代碼加上了導航欄的背景顏色、高度，使用了flex布局讓導航欄中的列表項水平排列并居中，同時為了美觀加上了鼠標懸停時的背景顏色變化。多次修改樣式代碼就可以得到各種樣式的導航欄。

通過以上介紹，我們可以看出，HTML導航欄樣式的實現是非常簡單的。要想設計出美觀而實用的導航欄，設計師還需要了解適用于不同網頁的設計原則和技巧，從而能夠為用戶提供更好的使用體驗。