在CSS中，给按钮设置边框是一项非常常见的任务。除了设置边框的宽度、样式和颜色外，还可以使用渐变颜色来为按钮创建更复杂的外观。

button {border: 2px solid;border-image: linear-gradient(to right, #8d50ff, #008cff);/*线性渐变，从左到右，颜色为#8d50ff到#008cff*/border-image-slice: 1;border-image-width: 2px;}

上面的代码使用了CSS的border-image属性来实现渐变边框颜色的效果。设置border属性为2px实现了按钮的实线框。border-image-slice属性设置为1表示整个边框都应用渐变颜色。注意，所有四个边角的渐变颜色都相同。

此外，通过border-image-width属性也可以控制渐变颜色的宽度，以便更好地控制外观效果。

使用渐变边框可以使页面设计更加个性化，让按钮在设计上更具视觉吸引力。