文本輸入框（input）是Web開發中隨處可見的元素，它允許用戶在網頁中輸入或編輯文本。

CSS可以幫助我們定制這些文本框的樣式，讓它們更適應我們網站的風格。

/* 設置文本框的字體和大小 */
input {
font-family: Arial, sans-serif;
font-size: 16px;
}
/* 設置文本框的邊框和背景 */
input[type="text"], input[type="password"] {
border: 1px solid #ccc;
background-color: #f7f7f7;
padding: 5px;
}
/* 設置文本框獲取焦點時的樣式 */
input[type="text"]:focus, input[type="password"]:focus {
outline: none;
border: 1px solid #8ecef2;
box-shadow: 0 0 5px rgba(142, 206, 242, 0.5);
}

在上述代碼中，我們首先設置了文本框的字體和大小，讓其更清晰易讀。接著，我們使用CSS選擇器選中了類型為"text"或"password"的文本框，并設置了它們的邊框、背景和內邊距，讓其看起來更舒適。最后，我們定義了文本框獲取焦點時的樣式，使其邊框變為淡藍色，并添加了一點陰影效果，以提高視覺效果。

通過使用CSS，我們可以輕松地將文本框的樣式與網站的整體風格相匹配，并使其更加易于使用。