網頁設計中，橫向菜單是一個經典的設計元素。使用CSS來創建橫向菜單可以讓網頁看起來更專業和美觀。

下面是一個簡單的CSS橫向菜單代碼，使用了HTML中的

和
• 標簽：

  <ul>
  <li><a href="#">首頁</a></li>
  <li><a href="#">新聞</a></li>
  <li><a href="#">產品</a></li>
  <li><a href="#">聯系我們</a></li>
  </ul>

  上述代碼中，首先使用了

  和
  • 標簽來定義菜單的布局。然后，使用CSS樣式來設置菜單的樣式，包括背景顏色、字體顏色、鏈接的內邊距等等。其中，使用了float屬性來實現菜單項的橫向排列，并且去掉了默認列表樣式（list-style）、外邊距（margin）和內邊距（padding）。

    在CSS中，使用:hover偽類來設置鼠標懸停時的樣式效果。當鼠標懸停在鏈接上時，將改變鏈接的背景顏色。通過使用這些樣式，可以讓橫向菜單看起來更加現代化和漂亮。