CSS點擊有藍色邊框

在使用CSS樣式美化一個網頁時，經常會有點擊效果的需求，點擊后出現藍色邊框可以幫助用戶快速定位到所點擊的對象。
一般情況下，點擊元素會有默認的藍色邊框，但是如果需要自定義樣式可以使用CSS中的outline屬性。
以下是使用outline屬性設置點擊效果的示例代碼：
// 鼠標懸浮樣式.btn:hover{
cursor: pointer;
box-shadow: 0 0 0 1.5px rgba(0, 119, 204, 0.5);
outline: none;
}// 添加藍色邊框.btn:focus{
outline: 3px solid rgba(0, 119, 204, 0.5);
}// 去除默認藍色邊框a:focus, input:focus{
outline: none;
}
通過以上CSS代碼，可以實現自定義點擊效果。當鼠標懸浮在按鈕上時，按鈕會出現陰影效果，當點擊按鈕時，會出現藍色邊框并失去焦點時立即消失。同時，也可以通過去除默認藍色邊框來達到更好的效果。