橫向 CSS 下拉菜單的基本樣式

橫向 CSS 下拉菜單的樣式可以使用以下 CSS 代碼來(lái)實(shí)現(xiàn)：

```css

list-style-type: none;

margin: 0;

padding: 0;

display: inline-block;

margin-right: 10px;

color: #fff;

text-decoration: none;

display: block;

margin-right: 5px;

a:hover {

background-color: #007bff;

使用橫向 CSS 下拉菜單

例如，在 HTML 代碼中添加以下代碼：

```html

<li><a href="#">菜單一</a></li>

<li><a href="#">菜單二</a></li>

<li><a href="#">菜單三</a></li>

</ul>

在 CSS 代碼中添加以下樣式：

```css

list-style-type: none;

margin: 0;

padding: 0;

display: inline-block;

margin-right: 10px;

color: #fff;

text-decoration: none;

display: block;

margin-right: 5px;

a:hover {

background-color: #007bff;

以上是橫向 CSS 下拉菜單的基本樣式和使用方法。通過(guò)使用 CSS 樣式，我們可以輕松地創(chuàng)建出美觀、實(shí)用的橫向 CSS 下拉菜單。如果想了解更多關(guān)于橫向 CSS 下拉菜單的知識(shí)，可以查閱相關(guān)的教程或文檔。