CSS設置文本框寬度和高度一致

在網頁開發中，經常需要使用文本框來收集用戶輸入的信息。但是，文本框默認的寬度和高度并不一致，這樣對于網頁的美觀度影響很大。因此，我們需要用CSS來設置文本框的寬度和高度一致。

首先，在CSS中使用input[type="text"]來選擇文本框元素，然后使用width和height屬性來設置寬度和高度。接著，為了使文本框內的文本和邊框的距離能夠合理地分配，我們使用padding屬性來設置距離。最后，使用border屬性來定義文本框的邊框，并使用box-sizing屬性來設置盒模型為border-box，讓文本框的寬度和高度包括邊框和內邊距。

下面是一個示例代碼：

input[type="text"] {
width: 200px;
height: 30px;
padding: 5px;
border: 1px solid #ccc;
box-sizing: border-box;
}

通過設置文本框的寬度和高度一致，可以讓網頁的視覺效果更加美觀，也方便用戶輸入和查看文本內容，提高了用戶體驗。