CSS是前端開發(fā)中必不可少的一部分，用于美化頁面、布局排版等。其中，form表單的CSS屬性也是非常重要的一部分，下面我們就來學(xué)習(xí)一下form表單的CSS屬性吧。

姓名：

郵箱：

電話：

留言：

上面是一段常見的form表單代碼，我們可以通過CSS屬性來美化它。

1. padding屬性

padding屬性可以對表單元素的內(nèi)邊距進行設(shè)置，使表單更加美觀。

input,textarea {
padding: 10px;
}

2. border屬性

border屬性可以對表單元素的邊框進行設(shè)置，使表單更加美觀。

input[type="text"], input[type="email"], input[type="tel"], textarea {
border: 2px solid #ccc;
border-radius: 5px;
}

3. background-color屬性

background-color屬性可以對表單元素的背景顏色進行設(shè)置，使表單更加美觀。

input[type="submit"] {
background-color: #00bcd4;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
}

4. margin屬性

margin屬性可以對表單元素的外邊距進行設(shè)置，使表單更加美觀。

form {
margin: 20px;
}

以上就是常見的form表單CSS屬性，希望對大家有所幫助。