對于一個網頁來說，文本框是一種常用的元素，因為它能夠幫助用戶在網站上輸入或輸出信息。藉由CSS樣式，我們可以讓文本框更具一致性、美觀性和易用性。

/* 以下是文本框的CSS樣式 */
input[type="text"], textarea{
border-radius: 4px;
border: 1px solid #ccc;
padding: 5px;
font-size: 16px;
font-family: Arial, sans-serif;
}
/* 當用戶正在編輯文本框時的樣式 */
input[type="text"]:focus, textarea:focus{
outline: none;
border-color: #0099ff;
box-shadow: 0 0 5px #0099ff;
}

在上面的代碼中，我們首先定義了文本框和多行文本框的基本樣式。使用border-radius可以使邊框擁有圓角，使用padding可以控制文本框內文字與邊框之間的距離，font-size和font-family可以控制文本框內字體的大小和樣式。

當用戶正在編輯文本框時，我們可以使用:focus選擇器來定義文本框的樣式。在這個例子里，我們去掉了默認的外邊框，并使得邊框顏色變成了深藍色。同時，也添加了一個box-shadow陰影效果，使文本框在被選中時更加明顯。

總結來說，優秀的文本框樣式能夠提高網站的易用性和美觀度。通過定義好的CSS樣式，我們可以迅速地創建具有高度一致性和可讀性的文本框，使得用戶在瀏覽和使用網站時更加愉悅。