CSS3中的菜單樣式給web開發者帶來了更多的選擇。利用CSS3，我們可以輕松地創建出高級、炫酷的菜單效果。下面就讓我們一起來了解一下CSS3菜單樣式吧！

首先，設定菜單的父元素，我們可以使用ul標簽。如下所示：

首頁
新聞資訊
產品展示
關于我們
聯系我們

接著，我們可以使用CSS3中的偽元素:before或:after，來定制我們更加絢爛的菜單。例如，如果我們想讓菜單項之間有一個縮進效果，可以這樣寫：

.menu li:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ff0000;
display: inline-block;
margin-right: 10px;
}

上述代碼會在每個菜單項前加上一個圓點，用以分隔每一項。

如果我們需要在鼠標懸停時改變菜單項的外觀，可以使用:hover偽類來達到這個效果。例如：

.menu li:hover {
background-color: #ccc;
color: #fff;
}

當鼠標懸停在菜單項上時，菜單項的背景色會變成灰色，字體顏色會變成白色。

CSS3菜單樣式還有很多其他的效果，如動畫、過渡、旋轉等等，我們可以根據自己的需求來進行設置。