在web開發中，經常需要使用文本框來收集用戶輸入的信息。那么，在CSS中如何添加文本框呢？ 首先，在HTML中使用標簽來創建文本框，然后使用CSS樣式來為文本框添加樣式。以下是如何使用CSS添加文本框：

1. 使用CSS創建基本文本框

/* 創建文本框 */
input[type=text] {
border: 1px solid #ccc; /* 邊框 */
border-radius: 4px; /* 圓角 */
padding: 6px 10px; /* 內邊距 */
box-sizing: border-box; /* 盒模型 */
}

2. 更改文本框樣式

/* 修改文本框顏色 */
input[type=text] {
background-color: #f2f2f2; /* 背景色 */
color: #000; /* 文本顏色 */
}
/* 修改文本框輸入聚焦時的邊框顏色 */
input[type=text]:focus {
border-color: dodgerblue;
}

3. 增加文本框大小及位置

/* 添加文本框寬度及高度 */
input[type=text] {
width: 100%; /* 寬度100% */
height: 50px; /* 高度50px */
}
/* 增加文本框與其它元素之間的距離 */
input[type=text] {
margin-bottom: 10px; /* 設置底部外邊距為10px */
}

通過上面的示例，我們可以看到如何在CSS中創建文本框、修改樣式以及調整大小和位置。同時，還可以根據具體需求進行自定義設置，比如添加背景圖片等。