CSS是一種用于描述網頁樣式的語言，它可以幫助我們輕松地改變文本框的長度，在CSS中，我們可以使用width屬性來指定文本框的寬度，以下是一些示例代碼，展示如何使用CSS改變文本框長度：

1、設置固定寬度：

如果你想讓文本框有一個固定的寬度，可以使用像素（px）作為單位，將文本框寬度設置為200像素：

```css

input {

width: 200px;

}

```

2、設置相對寬度：

如果你想讓文本框的寬度相對于其父元素或視口（viewport）的寬度，可以使用百分比（%）作為單位，將文本框寬度設置為父元素的50%：

```css

input {

width: 50%;

}

```

3、使用max-width：

如果你想限制文本框的***大寬度，可以使用max-width屬性，將文本框的***大寬度設置為300像素：

```css

input {

max-width: 300px;

}

```

4、使用min-width：

如果你想確保文本框有一個***小寬度，可以使用min-width屬性，將文本框的***小寬度設置為150像素：

```css

input {

min-width: 150px;

}

```

5、響應式設計：

在響應式設計中，你可能希望文本框的寬度能夠根據(jù)視口的寬度自動調整，這可以通過使用媒體查詢（media queries）來實現(xiàn)：

```css

@media (max-width: 600px) {

input {

width: 100%;

}

}

```

這段代碼會在視口寬度小于或等于600像素時，將文本框的寬度設置為100%。

通過CSS，你可以靈活地控制文本框的長度，使其適應不同的布局和響應式設計需求，希望這些示例能幫助你更好地理解和應用CSS來改變文本框長度。