CSS可以用來改變HTML文檔的樣式布局，其中一個非常基礎(chǔ)的應用是設(shè)置input標簽的樣式。

在HTML中，我們可以使用<input>標簽來創(chuàng)建各式各樣的表單元素，例如輸入框、按鈕、單選框等等。而使用CSS，我們可以輕松地對這些元素進行樣式定制。

首先，我們可以使用CSS選擇器來選定需要設(shè)定樣式的input標簽。例如，以下代碼選出了type為text的輸入框：

input[type=text] {
/* 樣式代碼 */
}

接下來，我們可以定義各種樣式屬性來改變input標簽的外觀和行為。以下是一些常用的樣式屬性及其作用：

• border：設(shè)置邊框樣式，例如border: 1px solid #ccc;。
• padding：設(shè)置內(nèi)邊距大小，例如padding: 5px;。
• margin：設(shè)置外邊距大小，例如margin: 10px;。
• width和height：設(shè)置寬度和高度，例如width: 200px;和height: 50px;。
• color和background-color：設(shè)置文字顏色和背景顏色，例如color: #333;和background-color: #fff;。
• font-size和font-family：設(shè)置字體大小和字體類型，例如font-size: 14px;和font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;。

使用這些樣式屬性結(jié)合CSS選擇器的方法，我們就可以輕松地設(shè)置input標簽的樣式了。以下是一個例子代碼：

input[type=text] {
border: 1px solid #ccc;
padding: 5px;
margin: 10px;
width: 200px;
height: 30px;
color: #333;
background-color: #fff;
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

以上樣式會將type為text的輸入框設(shè)置成帶有淺灰色邊框、白色背景、14px字體大小、Helvetica Neue字體、寬200px、高30px的樣式。