CSS文本框的寬高設(shè)置

在CSS中，我們可以通過設(shè)置width和height屬性來控制文本框的寬度和高度，這些屬性可以設(shè)置為固定的像素值，或者設(shè)置為相對的值，如百分比。

如果我們想要設(shè)置一個(gè)寬度為200像素，高度為100像素的文本框，我們可以使用以下CSS代碼：

.text-box {
  width: 200px;
  height: 100px;
}

在HTML中，我們可以使用class屬性來引用這個(gè)樣式：

<div class="text-box">
  文本框內(nèi)容
</div>

如果我們想要設(shè)置文本框的寬度為容器寬度的50%，高度為容器高度的30%，我們可以使用以下CSS代碼：

.text-box {
  width: 50%;
  height: 30%;
}

注意，如果我們將寬度或高度設(shè)置為百分比，那么它們將基于包含它們的元素的寬度或高度，在實(shí)際應(yīng)用中，我們需要確保包含文本框的元素具有明確的寬度和高度。