1. 概述
CSS是前端开发中必不可少的技术，可以实现各种各样的效果。本文将介绍如何利用CSS在按钮被点击时修改其边框。
2. 实现方法
要实现这个效果，需要使用CSS的:active伪类。这个伪类会在元素被激活（即被点击）时生效。因此，我们可以利用:active来修改按钮的边框。
2.1 HTML代码
首先，我们需要一个HTML代码来创建一个按钮。这个按钮可以是一个<button>元素，也可以是一个<input>元素的type属性为button。
<button id="myButton">点击我</button>2.2 CSS代码
接下来，我们来编写CSS代码。我们需要为按钮添加一个边框，并在按钮被点击时修改它的颜色。
#myButton {
border: 2px solid #000;
}
#myButton:active {
border-color: #f00;
}
在上面的代码中，我们给按钮添加了一个2px粗的黑色边框。然后，在:active伪类下，我们将边框颜色修改为红色（#f00）。
3. 效果演示
下面这个例子展示了具体的效果。当按钮被点击时，它的边框颜色会变为红色。
4. 总结
在本文中，我们学习了如何使用CSS在按钮被点击时修改其边框。这可以通过使用:active伪类来实现。希望本文能对你有所帮助！