CSS文本框hint是在網頁中常用的一種文本框提示方式，它可以使得用戶在輸入信息時能夠更加方便地了解文本框的用途和輸入格式要求。

下面是一個示例代碼：

<input type="text" placeholder="請輸入用戶名">

在這個代碼中，使用了placeholder屬性來設置文本框的提示信息。當用戶點擊文本框時，這個提示信息就會消失。但是，如果用戶丟失了焦點并且沒有輸入任何內容，提示信息又會重新顯示。

除了使用placeholder屬性，還可以使用CSS中的偽類選擇器來為文本框添加提示信息。下面是示例代碼：

<input type="text">
<label class="hint">請輸入用戶名</label>

對應的CSS代碼如下：

input:focus + .hint {
display: none;
}
input:not(:focus) + .hint {
display: inline-block;
color: #999;
font-style: italic;
}

在這個代碼中，我們新添加了一個label標簽來放置文本框的提示信息。然后，使用了:focus和:not()偽類選擇器來控制提示信息的顯示和隱藏。當文本框獲得焦點時，提示信息就會消失，而沒有焦點時，則會顯示。

CSS文本框hint的設置可以幫助我們提高用戶體驗，讓用戶更加方便地輸入信息。希望這篇文章能夠對你有所幫助。