CSS自定義懸浮導航欄是Web開發中非常常用的技術之一。通過使用CSS，我們可以創建漂亮、易于使用的導航欄，幫助用戶在網站中更輕松地瀏覽和導航。

/* 導航欄樣式 */
.nav {
position: fixed;
top: 0;
width: 100%;
background-color: #333;
height: 50px;
z-index: 1;
}
/* 導航鏈接樣式 */
.nav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 18px;
}
/* 鼠標懸停時的鏈接樣式 */
.nav a:hover {
background-color: #ddd;
color: black;
}
/* 在“活動”鏈接上的樣式 */
.active {
background-color: #4CAF50;
color: white;
}

使用以上CSS代碼可以創建一個簡單的懸浮導航欄。在HTML中，你只需要為每個導航鏈接和“活動”鏈接添加類名即可：

<div class="nav">
<a class="active" href="#">首頁</a>
<a href="#">關于我們</a>
<a href="#">聯系我們</a>
</div>

現在，你已經擁有了自定義懸浮導航欄的技能，你可以根據你的需要修改CSS和HTML來創建一個適合你的優秀的導航欄。