在網(wǎng)頁設(shè)計中，輸入框是一個常見的元素。通過CSS，我們可以實現(xiàn)非常好看的輸入框樣式。

首先，我們需要創(chuàng)建一個基本的輸入框:

<input type="text" />

接下來，我們可以通過CSS設(shè)置輸入框的顏色、邊框、圓角等屬性。例如:

input {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
font-size: 16px;
color: #333;
}

上面的CSS代碼設(shè)置了輸入框的邊框為1像素的灰色實線，圓角半徑為5像素，內(nèi)邊距為10像素，字體大小為16像素，字體顏色為黑色。

我們也可以利用CSS的偽類來設(shè)置輸入框在不同狀態(tài)下的樣式。例如，當(dāng)輸入框被選中時，我們可以把邊框顏色改為藍(lán)色:

input:focus {
border-color: blue;
}

最后，我們可以為輸入框添加一些動畫效果，使其在被選中或失去焦點時有更加平滑的過渡。例如:

input {
transition: border-color 0.3s ease-in-out;
}
input:focus {
border-color: blue;
}

上面的代碼使用了CSS的transition屬性，使輸入框的邊框顏色在0.3秒內(nèi)平滑過渡到藍(lán)色。

通過CSS，我們可以實現(xiàn)非常漂亮的輸入框樣式，為用戶帶來更好的交互體驗。