HTML的focus樣式是網頁制作中一個非常常用的樣式之一。它可以實現在鼠標聚焦（點擊）某元素時，該元素的樣式發生變化，以更好地提示用戶當前所處的位置或狀態。以下是一個關于focus樣式的代碼演示：

button:focus {
background-color: #0077cc;
color: #fff;
border: 2px solid #0077cc;
}

在上面的代碼中，我們使用了CSS選擇器“button:focus”，表示當鼠標聚焦在button按鈕上時，該按鈕將應用以下的樣式：

- 背景色將變為#0077cc，即藍色
- 文字將變為白色
- 邊框將變為2px寬的#0077cc實線

另外，我們在HTML中還可以通過tabindex屬性來定義元素的聚焦順序。比如下面的代碼：

在這個例子中，我們分別為三個表單元素（一個輸入框和兩個按鈕）定義了不同的tabindex值，分別為1、2、3，這意味著當用戶使用Tab鍵在這些元素之間切換時，它們的聚焦順序將按照tabindex的大小排序。 總之，HTML的focus樣式和tabindex屬性是我們在網頁制作中非常實用的工具，可以幫助我們更好地引導用戶完成各種操作。