.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 伪类为背景色添加样式。
注:以上代码仅为示例。在实际使用时,应考虑不同浏览器之间的兼容性问题。