在網頁設計中，水平導航欄通常被用來為用戶提供清晰明了的頁面導向。而CSS樣式表則是實現這一功能的重要工具之一，它可以讓我們通過簡單的代碼實現漂亮的水平導航欄。 下面是一個基本的水平導航欄樣式代碼示例：

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

以上代碼使用了CSS的相關屬性來實現水平導航欄的基本樣式，其中，`display: inline-block`屬性讓導航欄的每一項都以塊級元素的形式呈現，并且在同一行內水平排列。去除掉`list-style`可去除默認的列表樣式，`padding`和`margin`可以控制每個導航項之間的間距和導航欄的內外邊距。 在定義導航項樣式時，需要使用`float: left`屬性來使其在水平方向浮動，并且保持在同一行內。 對于導航項的超鏈接部分則使用了常見的基本樣式屬性，如`display: block`、`color`、`text-align`、`padding`和`text-decoration`等。 最后，當用戶將鼠標放在導航項上時，將通過添加`hover`屬性來給導航項添加一個背景色和顏色以增加交互體驗。 直接將以上代碼復制到相應的HTML文件中即可快速實現一個簡單的水平導航欄，根據實際需求進行修改和添加即可。