CSS側邊菜單是Web開發中常用的UI組件，常常在網站的左側或右側呈現。這個菜單通常用于顯示網站所包含的頁面和子頁面，以便用戶進行導航。

.sidebar {
position: fixed;
top: 0;
left: 0;
background-color: #333;
color: #fff;
height: 100%;
width: 250px;
overflow-x: hidden;
transition: all 0.3s ease;
}
.sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar ul li {
padding: 10px;
font-size: 18px;
cursor: pointer;
}
.sidebar ul li:hover {
background-color: #555;
}

在上述代碼中，我們使用CSS樣式定義了一個名為“sidebar”的類，來創建側邊菜單。我們使用了固定定位，從而將菜單固定在屏幕最左側。

我們還設置了菜單的高度和寬度，并使用了“overflow-x：hidden”來隱藏菜單中超出寬度的內容。這樣可以確保菜單中的所有項都可以適應菜單的寬度。

使用“transition”屬性，可以實現一個平滑的過渡效果，當用戶鼠標移動到菜單上時，背景色會從原來的黑色變成深灰色。

最后，我們將菜單項的樣式設置為無序列表。每個菜單項都有一些內邊距，這使得它們看起來更加舒適并且在用戶點擊時更容易識別。當鼠標滑過某個菜單項時，我們改變了其背景顏色以提高用戶體驗。