設置文本框的大小CSS

在CSS中，我們可以使用多種屬性來設置文本框的大小，以下是一些常用的方法：

1、使用width和height屬性

width屬性用于設置文本框的寬度，而height屬性則用于設置文本框的高度，這兩個屬性都可以接受像素、百分比或em等長度單位，如果我們想要設置一個寬度為200像素、高度為50像素的文本框，可以使用以下CSS代碼：

input {
  width: 200px;
  height: 50px;
}

2、使用padding和border屬性

padding屬性用于設置文本框的內邊距，而border屬性則用于設置文本框的邊框寬度，這兩個屬性也可以影響文本框的大小，如果我們想要設置一個寬度為200像素、高度為50像素的文本框，并且希望邊框寬度為2像素，可以使用以下CSS代碼：

input {
  width: 200px;
  height: 50px;
  padding: 10px;
  border: 2px solid #000;
}

3、使用box-sizing屬性

box-sizing屬性用于設置文本框的盒模型類型，如果設置為border-box，則邊框和填充會在寬度和高度中計算；如果設置為content-box，則邊框和填充不會計算在寬度和高度中，如果我們想要設置一個寬度為200像素、高度為50像素的文本框，并且希望邊框寬度為2像素，可以使用以下CSS代碼：

input {
  width: 200px;
  height: 50px;
  padding: 10px;
  border: 2px solid #000;
  box-sizing: border-box;
}