CSS 是一種樣式表語言，可以幫助我們控制網頁上的元素樣式。在這里，我們將介紹如何使用 CSS 編寫聚焦的樣式。

一般來說，聚焦的樣式是在用戶使用鍵盤或其他可訪問設備時，元素獲得焦點后所呈現的樣式。這通常包括修改元素的邊框、背景色等，以幫助用戶更加清楚地看到當前獲得焦點的元素。

要使用 CSS 編寫聚焦的樣式，我們可以使用 :focus 偽類。這個偽類表示元素在獲得焦點時的樣式。

button:focus {
outline: none;
border: 2px solid blue;
background-color: #e0e0e0;
}

上面的代碼演示了一個簡單的例子，針對按鈕元素在獲得焦點時的樣式進行了修改。這個樣式包括了去除默認的外觀邊框，添加 2px 的藍色實線邊框，以及設置背景色為 #e0e0e0。

此外，我們還可以通過在 HTML 標記中添加屬性 tabindex，來控制聚焦的順序。比如：

<input type="text" tabindex="1" />
<input type="text" tabindex="2" />
<input type="submit" tabindex="3" />

上面的代碼中，我們通過給每個 input 標記添加 tabindex 屬性，來指定了它們的聚焦順序。

總體來說，CSS 提供了豐富的偽類和樣式選擇器，可以幫助我們更加精細地控制網頁上的元素樣式，包括聚焦效果。