CSS是網頁設計中不可缺少的一部分，它可以讓我們優(yōu)雅地控制頁面的樣式，其中一個常見的需求就是點擊輸入框出現邊框。下面是一份示例代碼，通過:focus選擇器實現輸入框的樣式變化：

input[type="text"] {
border: none;
border-bottom: 2px solid black;
outline: none;
}
input[type="text"]:focus {
border-color: blue;
}

首先設置了輸入框的邊框樣式，border:none表示不顯示邊框，border-bottom:2px solid black表示底部顯示2個像素的黑色邊框線，outline:none表示無法通過鍵盤操作激活輸入框的邊框線。

接下來在:focus偽類中設置了當輸入框被激活（即被點擊或通過tab鍵進入）后，邊框線顏色變?yōu)樗{色。這個變化不僅僅是顏色的變化，更重要的是用戶的反饋，這樣用戶就可以知道他們正在輸入的區(qū)域，提高了用戶體驗。