CSS 中設置文本框標題是常見的布局技巧。文本框標題可以讓用戶更直觀地了解文本框中的內容，也可以提高網頁的美觀度。下面我們一起來了解一些設置 CSS 文本框標題的方法。

/* 使用 ::after 偽元素設置文本框標題 */
.box::after {
content: "文本框標題";
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
/* 使用 ::before 偽元素設置文本框標題 */
.box::before {
content: "文本框標題";
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
/* 使用 label 元素設置文本框標題 */
<label for="textbox">文本框標題</label>
<input type="text" id="textbox">
/* 使用 fieldset 和 legend 元素設置文本框標題 */
<fieldset>
<legend>文本框標題</legend>
<input type="text">
</fieldset>

以上是設置 CSS 文本框標題的幾種方法。其中，使用 ::after 或 ::before 偽元素的方法，可以靈活地與其他 CSS 樣式結合，實現更多復雜的效果；使用 label 元素和 fieldset 和 legend 元素的方法則更直觀和易于維護。根據不同的需求，我們可以選擇最合適我們的方法來設置 CSS 文本框標題。