CSS是前端開發中非常重要的一部分，其中一個常見的應用之一就是對文本框進行樣式控制。其中，向文本框填值是一項非常重要的操作，我們可以使用CSS來實現這一過程。

input[type="text"] {
background-color: #ffffff;
color: #000000;
font-family: Arial, sans-serif;
font-size: 14px;
padding: 5px;
border: 1px solid #cccccc;
border-radius: 5px;
}

在上面的代碼中，我們定義了一個文本框的樣式。其中，input[type="text"]表示選擇所有type屬性為text的input元素，也就是文本框；background-color、color、font-family等用于定義文本框的背景顏色、文字顏色和字體；padding用于定義文本框內部的空白區域大小；border用于定義文本框的邊框，包括邊框線寬、顏色等；border-radius用于定義文本框的圓角半徑。

通過以上的CSS樣式定義，我們已經成功將文本框的樣式進行了設定。接下來，我們需要如何向文本框填入值呢？下面是一個例子。

<input type="text" id="username" name="username">
<style>
#username {
width: 200px;
}
#username::placeholder {
font-style: italic;
color: #888888;
}
#username:focus {
border: 2px solid #5fb5c5;
}
</style>

上述代碼段中的標簽是一個文本框，其name和id屬性均設置為“username”，因此我們可以通過這個標識符來對其進行樣式控制和值填寫。

在CSS樣式定義中，我們使用了一個偽類選擇器:placeholder，它用于指定文本框中未填寫內容時的默認提示文本。在本例中，我們將其設置為斜體字體，并設置字體顏色為#888888。

此外，我們還使用了一個:fofocus偽類選擇器，它用于指定文本框獲取焦點時的外觀。在本例中，我們將文本框的邊框線寬調整為2px，并將邊框顏色設為#5fb5c5。

最后，我們需要填寫文本框的值。這可以通過javascript代碼來實現。我們可以使用document.getElementById()函數來獲取文本框對象，然后使用其value屬性設置文本框中的值。

var userName = document.getElementById("username");
userName.value = "Bob";

以上javascript代碼會將文本框中的值設為“Bob”。

通過CSS樣式控制，在文本框中填值已經變得非常簡單。使用CSS樣式控制，我們可以將樣式和行為進行分離，這樣代碼會更加易于維護和管理。