CSS是前端開發中非常重要的一個技術，它可以幫助我們實現許多好看又實用的效果。其中，使用CSS來設計輸入框就是非常方便和常見的做法。以下是如何使用CSS來設計輸入框的方法。

/* 首先，我們要對輸入框進行樣式設計 */
input {
border: 1px solid #ccc; /* 設定邊框顏色 */
padding: 5px; /* 設定內邊距 */
border-radius: 5px; /* 設定圓角 */
outline: none; /* 消除默認的外邊框 */
}
/* 然后，我們要對輸入框進行聚焦狀態下的樣式設計 */
input:focus {
box-shadow: 0 0 5px #1098F7; /* 設定聚焦時的陰影效果 */
border-color: #1098F7; /* 設定邊框顏色 */
}
/* 最后，我們可以針對不同的輸入框進行特定的樣式設計 */
input[type="text"] {
width: 200px; /* 設定輸入框寬度 */
}
input[type="password"] {
width: 150px; /* 設定輸入框寬度 */
}

通過以上的代碼，我們可以輕松地實現輸入框的樣式設計。最后，我們可以將這些代碼加入到我們的CSS文件中，并在HTML文件中使用對應的class或id調用它們。