CSS可以通過添加焦點框來增強交互性和可訪問性，讓用戶更容易地識別當前所處的焦點位置。下面介紹兩種添加焦點框的方法。

/* 方法一：outline */
:focus {
outline: 2px solid blue;
}

使用:focus偽類可以選擇當前聚焦的元素，并添加樣式。在上面的例子中，我們使用outline屬性來添加一個藍色的2px實線邊框，代表當前的焦點位置。

/* 方法二：box-shadow */
:focus {
box-shadow: 0 0 2px 2px blue;
}

另一種添加焦點框的方法是使用box-shadow屬性。該屬性在焦點位置添加一個帶有陰影的框，效果也非常顯著。在上面的例子中，我們使用box-shadow屬性來添加一個2px的藍色框，并為該框添加了一個2px的模糊效果。

使用這兩種方法時，應該根據需求調整樣式，并考慮可訪問性問題。要注意的是，如果你決定使用box-shadow屬性，盡管它是一種更酷炫的方法，但是需要考慮兼容性問題，并確保你的樣式在不同的瀏覽器中兼容。