CSS3是一種用于樣式表的語言，它是在CSS2的基礎上發展而來的。在CSS3中，新增了很多新的特性，其中之一便是頂欄。 頂欄也被稱為導航欄，它是網頁中非常重要的一部分。它能夠方便用戶快速地瀏覽網站的不同部分，并且可以讓網站有更好的視覺體驗，從而提高用戶留存率。而CSS3的頂欄則是可以讓開發者定制化更強的一種導航欄。 在CSS3中，使用偽元素和CSS屬性，可以輕松地實現一個簡單的頂欄。以下是一個示例代碼：

nav {
background-color: #333;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
nav ul li {
margin-right: 20px;
}
nav ul li:last-child {
margin-right: 0;
}
nav ul li a {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 16px;
display: block;
}
nav ul li a:hover {
background-color: #ddd;
color: #333;
}
nav:before,
nav:after {
content: "";
display: table;
}
nav:after {
clear: both;
}

在上面的代碼中，我們首先定義了一個<nav>標簽，并設置其屬性包括背景顏色、定位方式和z-index，以及其內部的<ul>和<li>元素樣式。最后使用偽元素:before和:after清除浮動。 這樣，一個簡單的頂欄就完成了。用戶可以根據自己的需要，對這份代碼進行修改和定制化，從而獲得更符合其網站風格的導航欄。