無論是做網(wǎng)站還是后臺(tái)管理系統(tǒng)，都會(huì)用到輸入框。如何讓輸入框既美觀又實(shí)用呢？那就要用到CSS輸入框樣式了。

首先，我們來看一下如何給輸入框加邊框。下面的代碼可以讓輸入框有一個(gè)灰色的邊框。

input {
border: 1px solid #ccc;
}

下面是讓輸入框有圓角的代碼。使用border-radius屬性即可。

input {
border-radius: 5px;
}

想要輸入框有背景色，就需要用到background-color屬性。

input {
background-color: #f5f5f5;
}

下面是讓輸入框有陰影的代碼。我們可以使用box-shadow屬性來實(shí)現(xiàn)。

input {
box-shadow: 3px 3px 3px #ccc;
}

最后我們來看一下如何讓輸入框有漸變色。下面的代碼會(huì)讓輸入框從白色到淡藍(lán)色有漸變色。

input {
background: linear-gradient(to bottom, #fff, #a9d9ff);
}

以上就是幾種常見的CSS輸入框樣式了，大家可以根據(jù)需要自行選擇使用。