CSS是一種用于設計和布局網頁的樣式表語言。通過使用CSS，我們可以控制文本框的大小、邊框樣式、字體、顏色等，從而使網頁更加美觀和易于使用。本文將介紹如何使用CSS控制文本框的大小。

CSS中的文本框是指使用HTML中的標簽定義的輸入框。標簽可以包含一個或多個CSS類，這些類可以定義輸入框的樣式。例如，我們可以使用以下代碼定義一個輸入框：

在這個例子中，我們使用標簽的type屬性定義輸入框為文本框，并使用id屬性為myInput定義一個唯一的輸入框。然后，我們可以使用id屬性的篩選器來查找包含類名為"myInput"的HTML元素，并使用類名定義輸入框的樣式。

例如，我們可以使用以下CSS樣式來定義輸入框的大小：

input[type="text"],

input[type="password"] {

width: 100%;

height: 20px;

padding: 2px;

border: 1px solid #ccc;

在這個例子中，我們使用width和height屬性來控制輸入框的寬度和高度，使用padding屬性來控制輸入框的邊距，使用border屬性來控制輸入框的邊框樣式。我們還可以使用其他CSS屬性來調整輸入框的樣式，例如：字體顏色、邊框寬度等。

通過使用CSS，我們可以輕松地控制文本框的大小，從而使網頁更加美觀和易于使用。我們可以使用不同的CSS類來定義不同的輸入框樣式，以滿足我們的需求。