使用CSS創(chuàng)建按鈕是網(wǎng)站設計中的一個重要部分，而按鈕點擊后的邊框樣式也是至關重要的，它能夠幫助用戶清晰地區(qū)分按鈕的狀態(tài)。下面介紹一下如何使用CSS來實現(xiàn)按鈕點擊后的邊框樣式。 首先，我們需要為按鈕設置初始樣式。可以使用以下CSS代碼：

button {
border: 2px solid #000;
background-color: #fff;
color: #000;
padding: 10px 20px;
}

在這個例子中，我們創(chuàng)建了一個名為button的CSS類，它包括了邊框樣式、背景顏色、文字顏色和內邊距等樣式。這是一個常見的初始按鈕樣式，你可以根據(jù)你的需求進行更改。 接下來，我們可以使用:focus偽類來創(chuàng)建按鈕點擊后的邊框樣式。這個偽類表示當元素獲得焦點時（即被點擊時），將應用指定樣式。我們可以使用以下CSS代碼：

button:focus {
outline: 2px solid blue;
}

這個代碼塊指定了當按鈕獲得焦點時，將創(chuàng)建一個2px的藍色實線邊框。 在上面的代碼中，我們使用了CSS的outline屬性來創(chuàng)建邊框。這個屬性展現(xiàn)為一個非繼承性的邊框（即它不會被子元素繼承），并且不占用空間。使用outline屬性可以避免在頁面布局中出現(xiàn)意外間距的問題。 通過設置初始樣式和:focus偽類樣式，我們就可以創(chuàng)建出一個具有點擊后邊框樣式的按鈕了。你可以根據(jù)實際需求進行更改和調整，讓按鈕更加符合你的設計需求。