在一個網站的首頁中，頁眉通常是最重要的一部分，它可以幫助用戶快速了解網站的內容和功能。使用CSS來設計頁面的頁眉可以提高頁面的美觀性和可讀性，下面我們就來介紹一些CSS頁眉首頁的設計技巧。

header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
padding: 1em;
}
header h1 {
font-size: 2em;
color: white;
margin: 0;
}
header nav {
display: flex;
}
header nav a {
color: white;
margin-left: 1em;
text-decoration: none;
}
header nav a:hover {
text-decoration: underline;
}

上面的代碼使用了flex布局來實現頁眉中的標題和導航欄的對齊，同時給頁眉添加了背景色和內邊距。標題的樣式使用了2em的字號、白色的字體顏色和0的外邊距，導航欄的樣式使用了白色的字體顏色和1em的左外邊距，鼠標懸停時會出現下劃線。通過這些樣式，我們可以輕松地設計出一個簡潔美觀的CSS頁眉首頁。