文本框是我們在制作網頁時經常會用到的一個元素。通過CSS的樣式修飾，可以讓文本框看起來更加美觀，具有更好的用戶體驗。下面我們來看一些關于如何用CSS修飾文本框的方法：

/* 設置文本框的寬度 */
input {
width: 200px;
}
/* 設置文本框的高度 */
input {
height: 30px;
}
/* 設置文本框的邊框 */
input {
border: solid 1px #ccc;
}
/* 設置文本框的圓角 */
input {
border-radius: 5px;
}
/* 設置文本框的內邊距 */
input {
padding: 5px;
}
/* 設置文本框的背景顏色和字體顏色 */
input {
background-color: #f5f5f5;
color: #333;
}
/* 設置文本框的焦點效果 */
input:focus {
border-color: #00adff;
box-shadow: 0 0 5px #00adff;
}

使用CSS修飾文本框可以讓我們的網頁看起來更加美觀，同時也給用戶帶來更好的交互體驗。不同的網頁需要使用不同的樣式，所以我們可以根據自己的需求進行選擇。