在前端开发中，CSS 是不可避免的一部分。CSS 中的按钮是我们经常使用的一种元素，而按钮的样式也是非常重要的。CSS 可以为按钮添加边框和背景颜色，今天我们要讨论的主题是如何为按钮添加边框颜色。

.button {border-color: #f00; /* 添加边框颜色 */background-color: #fff; /* 添加背景颜色 */color: #333; /* 添加文字颜色 */border-width: 2px; /* 设置边框宽度 */border-style: solid; /* 设置边框样式 */padding: 10px 20px; /* 设置内边距 */border-radius: 5px; /* 设置圆角 */}

如上所示，我们可以通过设置 CSS 的 border-color 属性来为按钮添加边框颜色，同时还需要设置边框的宽度和样式。此外，我们还需要设置背景颜色、文字颜色、内边距以及圆角等属性，来使按钮更加美观。

需要注意的是，按钮的边框颜色应该与网站整体设计相符，不能太过突兀或繁琐，以保证整个页面的视觉平衡。

总之，CSS 可以为按钮添加边框颜色，使它更加美观，同时还要注意保持整体设计的协调性。