在網(wǎng)頁設(shè)計(jì)過程中，表單是必不可少的一部分。而表單中最常用的元素之一就是Input元素。 Input元素是表單元素中最常用最基礎(chǔ)的元素之一，它通過input元素可以輸入文本、密碼、郵件、電話號碼、搜索關(guān)鍵字等等。雖然Input元素功能簡單，但是通過CSS樣式可以使這些基礎(chǔ)的元素變得更加美觀和符合我們的設(shè)計(jì)需求。

input {
padding: 10px;
border: none;
border-radius: 5px;
background: #eee;
font-size: 16px;
margin-bottom: 10px;
}

上面的代碼通過設(shè)置Input的padding、border、border-radius、background、font-size等樣式使Input變得更加美觀友好。ECMA文檔對Input元素支持的屬性有17個，這僅僅是CSS所支持的一部分，所以想要設(shè)計(jì)出更加符合實(shí)際需求的Input樣式非常簡單，只需要知道CSS支持的所有屬性并用心設(shè)計(jì)即可。

除了基本屬性外，還有一些比較高級的屬性可以使用，如：box-shadow、text-shadow、outline等。Google這類秉持產(chǎn)品至上、用戶至上的公司在Input樣式設(shè)計(jì)上做的比較好，我們平常也可以多多參考他們的設(shè)計(jì)思路。

總而言之，Input元素是表單中最為基礎(chǔ)的元素之一，通過CSS樣式可以使這些基礎(chǔ)的元素變得更加美觀和符合我們的設(shè)計(jì)需求。在CSS樣式的設(shè)計(jì)上，只要熟知CSS支持的所有屬性并用心設(shè)計(jì)即可。