CSS（層疊樣式表）是一種用于控制網(wǎng)頁布局和樣式的技術(shù)。在網(wǎng)頁設(shè)計(jì)中，輸入框的高度是一個(gè)非常重要的樣式屬性。下面我們來看看如何使用CSS來設(shè)置輸入框高度。

input {
height: 30px;
}

在CSS中，使用height屬性來設(shè)置輸入框的高度。上面的代碼中，我們將輸入框的高度設(shè)置為30像素。你可以根據(jù)自己的需要和設(shè)計(jì)要求來設(shè)置合適的高度。

如果你想要保持輸入框的寬度不變，只改變高度，可以只設(shè)置height屬性，而不設(shè)置width屬性。

input {
height: 30px;
}

你也可以使用像素以外的單位，如百分比或em。如果你希望輸入框的高度隨著字體大小的變化而變化，可以使用em單位。例如：

input {
height: 2em;
font-size: 1.2em;
}

這將設(shè)置輸入框的高度為字體大小的兩倍，并將字體大小設(shè)置為1.2em。這樣，在更改字體大小時(shí)，輸入框的高度也會(huì)相應(yīng)地進(jìn)行調(diào)整。

在實(shí)際的網(wǎng)頁設(shè)計(jì)過程中，你還可以借助其他CSS屬性，如padding和border-radius等來美化你的輸入框。相信通過學(xué)習(xí)本篇文章，你已經(jīng)掌握了如何使用CSS來設(shè)置輸入框高度。祝你在網(wǎng)頁設(shè)計(jì)中取得更好的成果！