CSS當獲得焦點時是一項非常有用的功能。當用戶在輸入表單或其他可編輯的元素中進行操作時，給這些元素添加焦點樣式可以增加用戶體驗。在這篇文章中，我們將討論如何使用CSS來實現這一功能。

input:focus {
border: 2px solid blue;
outline: none;
}

上述代碼可以給所有的input元素添加當獲得焦點時的樣式。我們使用了border屬性來添加藍色的邊框，并使用outline屬性來清除默認的外邊框。這樣可以使輸入框更加清晰明了，并且在用戶輸入時提供更好的視覺反饋。

除此之外，我們還可以使用偽類選擇器:focus來添加其他樣式。比如，我們可以使用背景顏色來添加高亮效果。

input:focus {
border: 2px solid blue;
background-color: lightblue;
}

這樣，當用戶在輸入框中輸入時，輸入框將會有一個明顯的高亮效果，可以幫助用戶更好地識別自己正在輸入的內容。

總的來說，CSS當獲得焦點時是一項非常有用的功能。它可以改善用戶體驗，并使頁面更加可交互。如果你正在開發Web應用程序或其他交互式網站，那么學習如何使用CSS來實現這一功能是非常重要的。