設(shè)置CSS中頂部橫向?qū)Ш降姆椒ㄈ缦拢?/p>

1、創(chuàng)建導(dǎo)航菜單：您需要在HTML中創(chuàng)建一個導(dǎo)航菜單，這個菜單可以是一個無序列表（ul）或有序列表（ol），其中的每個列表項（li）代表一個導(dǎo)航鏈接。

<ul id="nav-menu">
    <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>

2、應(yīng)用CSS樣式：您需要使用CSS來設(shè)置導(dǎo)航菜單的樣式，設(shè)置菜單的寬度和背景顏色，設(shè)置每個鏈接的樣式，包括顏色、字體大小和鼠標懸停時的效果。

#nav-menu {
    width: 100%;
    background-color: #333;
}
#nav-menu a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
#nav-menu a:hover {
    color: #ff0;
}

3、添加橫向布局：為了讓導(dǎo)航菜單橫向排列，您可以使用CSS的display: inline-block屬性，這將使每個鏈接塊并排顯示，而不是垂直堆疊。

#nav-menu li {
    display: inline-block;
    margin-right: 10px;
}

4、調(diào)整鏈接間距：為了更好地控制鏈接之間的間距，您可以調(diào)整margin-right屬性，這會使鏈接之間有更多的空間，使其看起來更加整潔。

您已經(jīng)設(shè)置了一個頂部橫向?qū)Ш讲藛?，您可以根?jù)需要進一步自定義樣式，如添加圖標、調(diào)整字體或背景顏色等，記得在實際應(yīng)用中測試您的CSS代碼，以確保導(dǎo)航菜單在各種設(shè)備和瀏覽器上都能正常工作。