文本框是Web頁面中常見的元素，其寬度通常受到樣式表中的設置。在一些情況下，你可能需要使文本框變得更寬，以適應頁面布局更好。本文將介紹如何使用CSS來實現文本框寬度的調整。

input[type="text"] {
width: 80%;
}

上述CSS代碼將應用于網頁中所有輸入類型為文本的文本框。通過將文本框寬度設為80%，可以使其更寬，以適應頁面布局。

如果你只想在特定的文本框中應用CSS樣式，可以使用“類選擇器”或“ID選擇器”。

.wide-input {
width: 80%;
}

上線代碼所示的是一個定義了“wide-input”類選擇器的CSS樣式。你可以在相應的HTML元素中使用這個類名，就能使該元素成為寬文本框。

#my-textbox {
width: 80%;
}

上線代碼定義了一個“my-textbox”ID選擇器。在相應的HTML元素上，您可以通過添加id屬性來使用此ID，以使該元素成為寬文本框。

總之，你可以通過應用CSS樣式來控制文本框的寬度，以適應任何頁面布局需求，這是通過為文本框元素應用共享類或ID選擇器來實現的。