標題：給文本框設置樣式CSS

隨著互聯網的發展，人們上網的方式也越來越多樣化。其中，網頁的設計和樣式已經成為了一個不可或缺的元素。在網頁中，文本框是一種常見的元素，用于放置輸入文本的位置和樣式。本文將介紹如何使用CSS來給文本框設置樣式。

CSS是一種用于定義網頁樣式的語言，可以讓網頁更加美觀、簡潔、易于閱讀。通過使用CSS，我們可以對網頁中的各種元素進行樣式設置，包括文本框。

首先，我們需要獲取文本框的元素。在網頁中，文本框通常以文本標簽的形式出現，例如<input type="text">。我們可以使用CSS中的選擇器來獲取文本框元素，例如：</html>

```css

input[type="text"] {

width: 100%;

height: 20px;

padding: 2px;

border: 1px solid #ccc;

border-radius: 2px;

以上代碼選擇了<input type="text">元素，并設置了其寬度、高度、padding、邊框和圓角。我們可以根據需要對元素進行其他樣式設置，例如字體、顏色、大小等。

接下來，我們可以使用CSS的類名來給文本框設置不同的樣式。類名通常以字母大寫開頭，例如：</html>

```css

input[type="text"]:hover {

color: #f00;

以上代碼選擇了<input type="text">元素，并在其鼠標懸停時設置了其顏色。我們還可以使用其他類名來設置文本框的樣式，例如：</html>

```css

input[type="text"] {

width: 100%;

height: 20px;

padding: 2px;

border: 1px solid #ccc;

border-radius: 2px;

input[type="text"]:hover {

color: #f00;

background-color: #007bff;

以上代碼設置了文本框的寬度、高度、padding、邊框和圓角，并在鼠標懸停時設置了其顏色和背景顏色。我們可以根據需要使用不同的類名來設置文本框的樣式。

通過使用CSS，我們可以輕松地給文本框設置樣式，使文本框更加美觀、易于使用。