CSS是前端開發中非常重要的一部分，它可以使網頁的外觀更加漂亮、專業。其中一個比較有趣的效果就是讓輸入框的邊框發光，下面我們來了解一下如何實現這個效果。

/* 設置輸入框的樣式 */
input {
width: 200px;
height: 30px;
padding: 5px;
border: none;
outline: none;
background: #e0e0e0;
}
/* 設置輸入框聚焦時的樣式 */
input:focus {
box-shadow: 0 0 10px #9ecaed;
}

在這段代碼中，我們首先對輸入框進行了一些基本設置，如設置寬高、內邊距、邊框等。然后，我們給輸入框設置了一個不帶邊框的外觀，并取消了聚焦時的默認邊框，以便自定義樣式。

接著，我們使用:focus偽類來設置輸入框聚焦時的樣式。其中，box-shadow屬性用于創建邊框發光的效果。這個屬性接受多個參數，分別表示陰影的水平偏移、垂直偏移、模糊度、顏色。在這里，我們設置陰影的顏色為#9ecaed，即藍色。

最后，您可以根據需求調整輸入框樣式和發光的顏色。通過這個簡單的CSS設置，我們的輸入框將煥發出新的生機和活力。