CSS輸入框居中是網頁設計中常見的問題，下面我們來學習一下如何使用CSS實現輸入框居中的效果。

/*CSS代碼*/
input {
text-align: center; /*文字居中*/
margin: 0 auto; /*左右居中*/
display: block; /*塊級元素*/
width: 200px; /*設置輸入框的寬度*/
height: 30px; /*設置輸入框的高度*/
}

在CSS代碼中，我們設置了輸入框居中的三個關鍵屬性：

• text-align: center; 將輸入框內的文字居中
• margin: 0 auto; 將輸入框左右居中
• display: block; 將輸入框設置為塊級元素，使其可以設置寬度和高度

需要注意的是，這里的輸入框指的是type為"text"的文本輸入框，如果要讓其他類型的輸入框居中，也可以按照上述方式設置。

總之，通過以上CSS代碼的設置，我們就可以輕松實現輸入框的居中效果了。