css中按钮边框颜色

CSS中的按钮边框颜色在页面设计中扮演着非常重要的角色。通过设置按钮边框颜色，我们可以为页面增加更多的风格和美感。下面我们就来探讨一下如何在CSS中设置按钮边框颜色。

.btn {
    display: inline-block;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
} 

在上面的代码中，我们定义了一个名为.btn的CSS类，它可以用于所有的按钮元素。我们设置了按钮的边框为1像素粗，颜色为#ccc，边框的圆角为5像素，按钮的背景色为白色，文字的颜色为深灰色。

如果您想要改变按钮的边框颜色，只需要将border-color属性的值改变即可。例如，如果您想要将按钮的边框颜色改为红色，可以将border-color的值改为#ff0000：

.btn {
    display: inline-block;
    padding: 10px;
    border: 1px solid #ff0000;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
} 

通过这种方式，您可以非常方便地为页面中的按钮设置不同的边框颜色，从而让页面更加的美观。