CSS中文本框的寫法

在CSS中，文本框的寫法有多種，以下是一些常見的寫法：

1、使用HTML的<input>元素，通過CSS設(shè)置其樣式。

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

在CSS中設(shè)置樣式：

.my-textbox {
  width: 200px;
  height: 30px;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 5px;
}

2、使用HTML的<div>元素，通過CSS設(shè)置其樣式。

<div class="my-textbox">
  <input type="text">
</div>

在CSS中設(shè)置樣式：

.my-textbox {
  width: 200px;
  height: 30px;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 5px;
}

3、使用HTML的<textarea>元素，通過CSS設(shè)置其樣式。

<textarea class="my-textbox"></textarea>

在CSS中設(shè)置樣式：

.my-textbox {
  width: 200px;
  height: 100px;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 5px;
}

是三種常見的CSS中文本框的寫法，你可以根據(jù)自己的需求選擇適合的寫法，你也可以根據(jù)自己的喜好和需要，對(duì)文本框的樣式進(jìn)行自定義設(shè)置。