CSS水平導(dǎo)航欄的設(shè)置步驟如下：

1、創(chuàng)建HTML結(jié)構(gòu)：我們需要創(chuàng)建一個HTML文件，其中包含一個導(dǎo)航欄的HTML結(jié)構(gòu)，這個結(jié)構(gòu)通常包括一個nav元素，里面包含多個li元素，每個li元素代表一個導(dǎo)航鏈接。

<nav>
    <ul>
        <li><a href="#">鏈接1</a></li>
        <li><a href="#">鏈接2</a></li>
        <li><a href="#">鏈接3</a></li>
    </ul>
</nav>

2、應(yīng)用CSS樣式：我們需要使用CSS來設(shè)置導(dǎo)航欄的樣式，我們可以設(shè)置nav元素的寬度和背景顏色，我們可以設(shè)置ul元素的寬度，使其與nav元素的寬度相同，我們可以設(shè)置li元素的樣式，包括顏色、字體大小等。

nav {
    width: 100%;
    background-color: #333;
}
ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li {
    float: left;
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
}

3、添加交互效果（可選）：為了讓導(dǎo)航欄更加吸引人，我們可以添加一些交互效果，比如鼠標(biāo)懸停時改變顏色，這可以通過CSS的偽類來實現(xiàn)。

li:hover {
    color: #f00;
}

4、響應(yīng)式設(shè)計（可選）：為了讓導(dǎo)航欄在不同設(shè)備上都能良好地顯示，我們可以使用媒體查詢來設(shè)置不同屏幕下的樣式，在小屏幕上，我們可以讓導(dǎo)航欄變成垂直排列。

@media (max-width: 600px) {
    li {
        float: none;
        margin-right: 0;
    }
}

通過以上步驟，我們就可以創(chuàng)建一個簡單的CSS水平導(dǎo)航欄，這只是一個基礎(chǔ)的示例，你可以根據(jù)自己的需求進(jìn)行進(jìn)一步的定制和優(yōu)化。