CSS點擊按鈕顯示邊線

button {
border: none;
background-color: transparent;
cursor: pointer;
}
button:focus {
outline: 2px solid red;
}

在Web開發中，細節是非常重要的，邊線是頁面元素清晰界定的一種方式，但又有時候用戶可能并不需要它，因此我們需要一種交互方式讓用戶決定是否顯示邊線。在CSS中，我們可以使用:focus偽類來處理這種情況。當用戶點擊按鈕時，:focus偽類生效，我們就可以設置元素的outline屬性來顯示邊線，而當用戶再次點擊按鈕時，偽類失效，邊線消失。