CSS（層疊樣式表）是一種用于網頁設計的樣式表語言，可以使網頁排版和設計更加優化和美化。今天，我們就來看一看如何用 CSS 制作精美的界面。

/* 在 HTML 中引入 CSS 文件 *//* 在 CSS 中設置全局字體、背景顏色和文字顏色 */
body {
font-family: Arial, sans-serif;
background-color: #F7F1E3;
color: #333333;
}
/* 設置導航欄樣式 */
nav {
background-color: #171717;
padding: 1em;
font-size: 1.2em;
}
nav ul {
list-style: none;
display: flex;
justify-content: space-between;
}
nav li {
padding: 0.5em;
text-align: center;
}
nav li:hover {
background-color: #333333;
}
nav a {
color: #FFFFFF;
text-decoration: none;
}
/* 設置內容區域樣式 */
main {
margin: 2em;
}
h1 {
font-size: 2.5em;
text-align: center;
}
p {
line-height: 1.5;
margin-bottom: 1em;
}
/* 設置按鈕樣式 */
button {
background-color: #3298DC;
color: #FFFFFF;
border: none;
padding: 0.5em 1em;
border-radius: 0.5em;
cursor: pointer;
}
button:hover {
background-color: #2575AD;
}

以上代碼展示了在全局設置了文字字體、背景顏色和文字顏色，同時設置導航欄樣式、內容區域樣式和按鈕樣式。具體效果如下：

在實際網頁設計中，除了以上代碼修改，還需要根據具體情況進行調整。但總的來說， CSS 可以讓網頁更加美觀、易讀和易懂。