CSS中設(shè)置文本框大小的方法

在CSS中，我們可以通過設(shè)置width和height屬性來調(diào)整文本框的大小，這兩個(gè)屬性分別表示元素的寬度和高度。

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

input[type="text"] {
  width: 200px;
  height: 100px;
}

這段代碼會(huì)將所有類型為"text"的輸入元素的寬度設(shè)置為200像素，高度設(shè)置為100像素。

如果你想要針對(duì)特定的文本框進(jìn)行設(shè)置，你可以給文本框添加一個(gè)特定的類名或ID，然后在CSS中針對(duì)這個(gè)類名或ID進(jìn)行設(shè)置。

HTML代碼：

<input type="text" class="my-text-box">

CSS代碼：

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

這段代碼只會(huì)影響到類名為"my-text-box"的文本框。

width和height屬性僅適用于行內(nèi)元素和塊級(jí)元素，對(duì)于行內(nèi)元素（如<span>），這些屬性會(huì)改變其顯示寬度，但不會(huì)影響其實(shí)際寬度，對(duì)于塊級(jí)元素（如<div>），這些屬性會(huì)同時(shí)改變其顯示寬度和實(shí)際寬度。