固定底部菜單是一種常見的Web設計技術，讓網頁更加現代化和具有吸引力。CSS作為我們常用的樣式表語言，為我們提供了很多實現底部菜單的解決方案。

下面是一個使用CSS實現固定底部菜單的示例，我們可以使用position屬性來定位菜單，并使用bottom屬性使它固定在底部。首先，在HTML文件中，我們可以這樣編寫代碼：

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

然后，在CSS樣式表中，添加以下代碼：

.menu {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 50px;
background-color: #333;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.menu ul li {
margin: 0 20px;
}
.menu ul li a {
color: #fff;
text-decoration: none;
}

在上面的代碼中，我們首先定義了菜單的樣式，包括寬度、高度和背景顏色。然后在

元素上設置了display: flex，使得菜單項可以水平居中對齊。最后，在每個菜單項的<a>標簽中添加了文本顏色和去除下劃線的樣式。

通過實現上述樣式，我們現在可以得到一個固定到底部的菜單，在用戶滾動頁面時，它也始終保持在底部。這種技術可以增加網站的用戶體驗，更方便用戶在網站上進行導航。