CSS是一種樣式語言，可以用于美化網頁。除了美化，CSS還可以用于有效驗證用戶輸入的信息。例如，驗證用戶名是否符合規則。

下面是一個使用CSS驗證用戶名的例子：

<input type="text" id="username">
<button onclick="checkUsername()">驗證</button>
<style>
#username:valid {
border: 1px solid green;
}
#username:invalid {
border: 1px solid red;
}
</style>
<script>
function checkUsername() {
var username = document.getElementById('username').value;
if (username.length < 4) {
alert('用戶名必須至少4個字符長');
} else if (username.indexOf(' ') !== -1) {
alert('用戶名不能包含空格');
}
}
</script>

在這個例子中，我們定義了一個文本輸入框和一個驗證按鈕。當用戶輸入用戶名后，點擊驗證按鈕就會自動執行驗證腳本。CSS代碼根據驗證結果顯示邊框的顏色。如果用戶名符合規則，邊框會變成綠色；如果不符合規則，邊框會變成紅色。

對于用戶名的驗證，我們限制了用戶名必須至少4個字符長，且不能包含空格。如果用戶輸入不符合規則，會彈出提示框提醒用戶。需要注意的是，這種方法只是一種前端驗證方式，并不能保證用戶輸入的數據一定是合法的，因此在后端處理時還需要再次校驗。