CSS在輸入框前加字是一個(gè)很實(shí)用的技巧。它可以幫助我們?cè)谳斎肟蚯懊嫣砑幼远x的文本，比如添加"用戶名："或"密碼："，讓用戶更清楚地知道需要輸入的內(nèi)容。

/*CSS樣式*/
label {
display: inline-block;
width: 80px;
text-align: right;
margin-right: 10px;
}
input {
border: 1px solid #ccc;
padding: 5px;
border-radius: 3px;
}

首先，我們可以使用label標(biāo)簽來添加輸入框前的文本，然后利用CSS樣式來控制它們的布局和樣式。通過設(shè)置display屬性為inline-block，我們可以讓label標(biāo)簽和輸入框在同一行顯示。width屬性可以設(shè)置label標(biāo)簽的寬度，text-align屬性可以設(shè)置文本的對(duì)齊方式，margin-right屬性可以設(shè)置label標(biāo)簽和輸入框之間的間距。

對(duì)于輸入框本身，我們可以利用CSS的border、padding和border-radius屬性來設(shè)置其樣式。border屬性用來設(shè)置邊框的樣式和寬度，padding屬性用來設(shè)置輸入框內(nèi)部的填充，border-radius屬性用來設(shè)置輸入框的圓角。

最終的效果如下所示：

通過在label標(biāo)簽中添加文本，我們可以大大提升輸入框的可用性和易用性。相信這個(gè)技巧一定會(huì)在你的Web開發(fā)工作中發(fā)揮巨大的作用。