CSS文本框的寫法

CSS文本框是指通過CSS樣式來定義和美化HTML中的文本框元素，下面是一些常見的CSS文本框?qū)懛ǎ?/p>

1、基本寫法：

CSS文本框的基本寫法是使用CSS的border屬性來定義文本框的邊框樣式，

input[type="text"] {
  border: 1px solid #000;
}

上述代碼將定義一個帶有黑色邊框的文本框。

2、圓角文本框：

如果想要一個帶有圓角的文本框，可以使用CSS的border-radius屬性來實現(xiàn)，

input[type="text"] {
  border: 1px solid #000;
  border-radius: 5px;
}

上述代碼將定義一個帶有黑色邊框和圓角的文本框。

3、帶有陰影的文本框：

如果想要一個帶有陰影的文本框，可以使用CSS的box-shadow屬性來實現(xiàn)，

input[type="text"] {
  border: 1px solid #000;
  box-shadow: 2px 2px 5px #000;
}

上述代碼將定義一個帶有黑色邊框和陰影的文本框。

4、自定義文本框樣式：

除了上述常見的寫法外，還可以根據(jù)具體需求自定義文本框的樣式，

input[type="text"] {
  width: 200px;
  height: 30px;
  padding: 5px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
}

上述代碼將定義一個寬度為200像素、高度為30像素、內(nèi)邊距為5像素、字體大小為16像素、顏色為#333、背景顏色為#fff的自定義文本框。