CSS多選菜單是一種常見的Web前端技術，可以用來實現一組可重復選擇的食材或選項，用戶可以通過鼠標或鍵盤選擇其中任何一個。這種技術通常使用CSS中的選擇器來定義菜單項的樣式，其中使用`:hover`屬性來強調選擇器中的菜單項，當鼠標懸停在菜單項上時，選項的背景顏色或邊框寬度會被更改。

下面是一個簡單的使用CSS多選菜單的示例：

/* 定義菜單項的樣式 */

list-style-type: none;

padding: 0;

display: inline-block;

margin-right: 20px;

li:hover {

background-color: #f00;

/* 定義菜單項的列表元素 */

ul li {

display: block;

margin-right: 20px;

/* 定義選中狀態的樣式 */

li:hover:active {

background-color: #007bff;

在這個示例中，我們定義了一個名為`ul`的列表元素，并在里面定義了`list-style-type`屬性為`none`，表示該列表元素沒有固定邊框和內邊距。`li`元素是`ul`元素中的子元素，使用`display: inline-block`屬性將其轉換為塊元素，并設置了`margin-right`屬性使其與父元素保持一定的間距。當鼠標懸停在菜單項上時，我們將`background-color`屬性設置為菜單項的背景顏色，并將其`active`狀態設置為突出顯示，以突出顯示選中狀態。

當然，這只是一個簡單的示例，實際上可以使用更復雜的CSS樣式來實現更漂亮的多選菜單。同時，還可以使用JavaScript或其他編程語言來實現更高級的功能，如根據用戶輸入生成菜單。