文本框（Textbox）是在 HTML 表單中常用的一種輸入控件，它可以用來接收來自用戶的信息或數據。在 HTML 中，文本框是通過<input>標簽來定義的。在使用 CSS 美化文本框時，我們可以使用以下屬性：

input[type="text"] {
/* 設置文本框邊框樣式和寬度 */
border: 1px solid #ccc;
/* 設置文本框高度和寬度 */
height: 30px;
width: 200px;
/* 設置文字對其方式和大小 */
text-align: left;
font-size: 14px;
/* 設置輸入框內的文字的顏色 */
color: #333;
/* 設置輸入框內的背景顏色 */
background-color: #fff;
/* 移除默認的外陰影效果 */
box-shadow: none;
/* 設置鼠標懸浮在文本框上的樣式 */
transition: border-color .3s ease-in-out;
}
input[type="text"]:hover {
border-color: #999;
}

可以看到，我們通過input[type="text"]來指定文本框的樣式，然后設置了一些具體的屬性，例如邊框樣式、高度和寬度，文字對齊方式、字體大小等等。通過設置border-color屬性和使用:hover偽類選擇器，我們可以實現鼠標懸浮在文本框上時邊框變色的效果。

使用 CSS 還能夠實現更加精美的文本框效果。例如，我們可以設置圓角文本框：

input[type="text"] {
border: none;
border-radius: 4px;
padding: 8px;
background-color: #eee;
font-size: 14px;
}
input[type="text"]:focus {
outline: none;
border-color: #5b9df9;
box-shadow: 0 0 0 2px #5b9df9;
}

這里，我們使用border-radius屬性設置文本框的圓角，使用padding屬性設置文本框內文字與邊框之間的距離。在文本框被選中時，我們使用:focus偽類選擇器來移除默認的外邊框，并通過border-color和box-shadow屬性設置新的邊框樣式和陰影效果。

除了以上兩種效果外，還有很多種文本框效果的實現方式。通過合理運用 CSS 屬性，我們可以輕松地實現出各種炫酷的文本框效果。