CSS是前端開發中常用的樣式表語言，它可以實現頁面的美化及一些交互效果，如設置鼠標經過時出現菜單、改變顏色等。下面就來講一下CSS中如何實現鼠標經過出現菜單的效果。

首先，我們需要將菜單的html代碼寫好。以下是一個簡單的示例：

<ul class="menu">
<li><a href="#">菜單1</a></li>
<li><a href="#">菜單2</a></li>
<li><a href="#">菜單3</a></li>
</ul>

上述代碼中，我們使用了無序列表ul，并為其設置了class為menu。在列表中添加了三個菜單選項，每個選項使用了超鏈接a標簽。接下來，我們需要為菜單設置CSS樣式。

為了讓菜單在鼠標經過時出現，我們需要使用CSS中的:hover偽類來完成。我們可以為menu類添加如下CSS代碼：

.menu li {
display: inline-block;
margin-right: 10px;
}
.menu li a {
color: #333333;
text-decoration: none;
}
.menu li a:hover,
.menu li:hover > ul {
display: block;
}
.menu > li > ul {
display: none;
position: absolute;
z-index: 99;
}
.menu > li > ul li {
display: block;
background-color: #FFFFFF;
padding: 5px;
}

以上代碼中，我們設置了.menu類的子元素li中的display為inline-block，這樣可以讓菜單橫向排列。接著我們為子元素a設置了默認顏色，hover時顏色改變。在這里需要注意的是，在.hover中，我們指定了菜單項a標簽的hover效果以及li標簽的hover效果出現子菜單的效果。因此，在li上hover時，會將該菜單下的子元素ul的display設為block，讓其出現在頁面上。

最后，我們需要為子菜單設置一些樣式。在上述代碼中，我們為子菜單設置了display為none，這樣可以讓子菜單默認不顯示。當父級菜單項被hover時，子菜單的display設為block，這樣就能夠讓其出現在頁面上了。我們還設置了子菜單的背景顏色和padding值。

以上就是簡單的鼠標經過出現菜單的實現過程，大家可以根據自己的需求進行修改。希望本文對你有所幫助。