在 CSS 中，輸入框是經常用到的一個元素。如何正確地書寫輸入框樣式呢？下面就來了解一下。 首先，需要在 HTML 中添加一個輸入框標簽，如下： <input type="text" name="username"> 接下來，可以通過 CSS 來為這個輸入框添加樣式。可以使用以下的 CSS 屬性： 1. width 和 height 這兩個屬性可以控制輸入框的寬度和高度。比如： pre { background-color: #eee; font-family: "Courier New", Courier, monospace; font-size: 14px; padding: 10px; } input[type="text"] { width: 300px; height: 40px; } 2. border border 屬性可以設置輸入框的邊框樣式。比如： input[type="text"] { border: 2px solid #333; } 3. border-radius border-radius 可以讓輸入框的邊角變得更加圓潤。比如： input[type="text"] { border-radius: 5px; } 4. padding padding 屬性可以設置輸入框的內邊距。比如： input[type="text"] { padding: 10px; } 5. background-color background-color 屬性可以設置輸入框的背景顏色。比如： input[type="text"] { background-color: #eee; } 通過上面這些 CSS 屬性的設置，可以為輸入框添加多種樣式。當然，還有很多更為復雜的樣式可以使用。希望以上內容可以幫助大家更好地書寫輸入框樣式。