1. 属性选择器
首先，我们先了解一下CSS的属性选择器，属性选择器可以根据元素的属性值来选择元素。
例如，我们有一个按钮的HTML代码如下：
<button class="myButton">Click Me!</button>我们可以通过class属性来选择这个按钮，并设置它的边框为none。
.myButton {
border: none;
}
使用了这个样式后，该按钮的边框就不会出现了。
2. 继承属性
另外一种方法是使用CSS中的继承属性。CSS中有些属性是可以被继承到子元素中的，例如字体、文本颜色等。
如果我们把边框的样式写在父元素上，那么子元素也将继承这个样式：
.myContainer {
border: none;
}
.myButton {
border: inherit;
}
这样写，所有使用了myButton类的按钮元素都会继承myContainer类的样式中的边框样式。
3. 全局样式
使用全局样式也可以去掉按钮的边框，即取消所有元素的边框。这种方法需要谨慎使用，因为会影响到所有元素的边框。
* {
border: none;
}
使用通配符*，即可选择所有元素，并将边框样式设置为none。
4. 设置具体元素
最后一种方法是针对具体的元素设置样式。如果你只想取消按钮的边框，那么可以在CSS中设置button元素的边框样式为none。
button {
border: none;
}
这个方法只在当前文件中生效。
总结
以上就是四种去掉按钮边框的方法，分别是使用属性选择器、继承属性、全局样式和针对具体元素设置样式。你可以根据实际需要选择其中的一种或多种方法。
需要注意的是，去掉按钮边框后，按钮的视觉效果可能会有所改变。你可以根据实际情况进行调整，让按钮看起来更符合你的设计需求。