CSS是一種用于控制HTML的樣式和布局的語言。在網頁中，頂部是最常見的位置之一。因此我們可以通過CSS來實現網頁頂部的樣式。

/* 設置網頁頂部的樣式 */
#header {
width: 100%;
height: 80px;
background-color: #333;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
}
#logo {
font-size: 24px;
font-weight: bold;
}
#nav {
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-item {
margin-right: 20px;
font-size: 16px;
}

以上CSS代碼將創建一個80像素高的網頁頂部，并為其設置了一個深灰色背景和白色前景色。其中，我們使用了flex布局，使得內容可以輕松地居中對齊，并且將導航鏈接等內容放置在右側。

除此之外，我們還設置了一個#logo元素，它是一個網頁頂部的品牌標志，并使用了較大的字號來強調它的重要性。此外，為了使網站導航更加易于使用，我們在CSS中定義了.nav-item類，該類定制了每個導航鏈接的樣式，包括右邊距和字體大小。

在網頁中使用CSS樣式，可以使網頁變得更加時尚和專業，從而吸引更多的用戶訪問。通過以上的代碼，我們可以輕松地設置網頁頂部的樣式，并使其在不損失功能和可用性的同時更具吸引力和易于導航。