CSS中的input是網頁開發中經常使用到的一種元素，主要用于處理用戶的輸入。

首先，我們需要用HTML創建一個input元素，如下所示：

<input type="text" name="username" placeholder="請輸入用戶名">

上面代碼中，type屬性指定了input元素的類型，name屬性用于在表單中提交數據時標識該項數據的名稱，placeholder屬性則設置了input的提示文本，當用戶未輸入內容時會顯示該文本。

接下來，我們可以利用CSS對input元素進行樣式的設置。比如，我們可以設置input的寬度、邊框線、字體、背景顏色等等，如下所示：

input {
width: 300px;
border: 1px solid #999;
font-size: 16px;
background-color: #f5f5f5;
}

上述代碼中，我們利用了input選擇器來選取頁面中的所有input元素，然后對它們進行樣式的設置。其中，width屬性用于設置input的寬度，border屬性用于設置input的邊框線，font-size屬性用于設置input的字體大小，background-color屬性用于設置input的背景顏色。

除了可以設置input元素的樣式外，我們還可以通過CSS偽類為input元素添加交互效果。比如，當用戶鼠標滑過input元素時，我們可以將它的邊框線顏色改變，如下所示：

input:hover {
border-color: #f00;
}

上述代碼中，我們用:hover偽類指定了當用戶鼠標滑過input元素時應用的樣式，即將input的邊框線顏色改為紅色。

最后，我們還可以通過CSS偽類為input元素設置不同狀態下的樣式。比如，當用戶點擊input元素時，我們可以將其背景顏色改變，如下所示：

input:focus {
background-color: #eee;
}

上述代碼中，我們用:focus偽類指定了當input元素獲取焦點時應用的樣式，即將其背景顏色改為淺灰色。

總之，CSS中的input元素可以為網頁開發者提供靈活的樣式和交互控制方式，讓網頁變得更加美觀和易用。