CSS 圓形按鈕點擊效果。

.button{
background-color: #ff0000;
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
font-size: 16px;
height: 50px;
width: 50px;
 }
.button:active{
background-color: #990000;
 }

上述代碼定義了一個圓形按鈕，使用了 border-radius 屬性將按鈕變成了圓形。當按鈕被點擊時，使用 :active 偽類為背景色添加樣式。

注：以上代碼僅為示例。在實際使用時，應考慮不同瀏覽器之間的兼容性問題。