CSS 是一項用于風格化網頁的語言。使用 CSS 可以使網頁變得更加美觀、易于理解和易于維護。在本篇文章中，我們將學習如何使用 CSS 設置一個用戶界面。

/* 設置整體樣式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
/* 設置頁面標題 */
h1 {
color: #333;
text-align: center;
}
/* 設置表單樣式 */
form {
max-width: 500px;
margin: 0 auto;
background-color: #fff;
border-radius: 5px;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* 設置輸入框樣式 */
input[type="text"], input[type="email"], textarea {
display: block;
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 10px;
}
/* 設置提交按鈕樣式 */
input[type="submit"] {
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

以上 CSS 代碼演示了如何設置整體樣式、頁面標題、表單樣式、輸入框樣式和提交按鈕樣式。

我們可以將以上 CSS 代碼放在一個樣式文件中，然后在 HTML 文件中通過以下方式引用：

<link rel="stylesheet" href="style.css">

最后，將 HTML 代碼和樣式文件上傳至服務器，就可以在瀏覽器中預覽用戶界面了。