CSS在輸入框前加字是一個很實用的技巧。它可以幫助我們在輸入框前面添加自定義的文本，比如添加"用戶名："或"密碼："，讓用戶更清楚地知道需要輸入的內容。

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

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

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

最終的效果如下所示：

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