今天我们来谈谈CSS按钮的边框颜色设置吧。在CSS中，我们可以通过设置border-color属性来改变按钮边框的颜色。下面是一个示例的代码：

.button {
border: 1px solid #ccc; /* 设置按钮边框样式 */
border-color: #ff0000; /* 设置按钮边框颜色为红色 */
}

在上面的代码中，我们首先使用border属性来设置按钮的边框样式，其中1px是边框的宽度，solid表示边框的样式为实线，#ccc是边框的颜色。接着，我们使用border-color属性来将边框的颜色设置为#ff0000，也就是红色。
当然，我们还可以将边框颜色设置为其他的颜色，比如蓝色、绿色等等。只需要将border-color的属性值改为对应的颜色值即可。例如：

.button {
border: 1px solid #ccc;
border-color: #0000ff; /* 设置按钮边框颜色为蓝色 */
}

另外，我们还可以设置多个颜色值来创建一个渐变效果的边框。这需要使用CSS的渐变函数来实现。下面是一个简单的示例：

.button {
border: 1px solid #ccc;
border-image: linear-gradient(to bottom, #00ff00, #0000ff); /* 设置按钮边框为绿色到蓝色的渐变 */
}

在上面的代码中，我们使用了border-image属性来设置边框的图片，其中linear-gradient函数用于创建一个线性渐变的效果。to bottom表示渐变方向为从上到下，#00ff00和#0000ff是颜色值，分别表示绿色和蓝色。使用这个属性可以让按钮的边框呈现出炫酷的渐变效果。
总的来说，CSS按钮的边框颜色设置有很多种方法，我们可以根据实际需要来灵活运用。希望本篇文章对你有所启示，谢谢！