以下是绑定自定义按钮背景/边框到自定义属性的示例代码：

HTML代码：

Button 1
Button 2
Button 3

CSS代码：

.custom-button {
  width: 100px;
  height: 40px;
  border: none;
  color: white;
}

[data-color="red"] {
  background-color: red;
}

[data-color="blue"] {
  background-color: blue;
}

[data-color="green"] {
  background-color: green;
}

JavaScript代码：

const buttons = document.querySelectorAll('.custom-button');

buttons.forEach(button => {
  const color = button.getAttribute('data-color');
  button.style.borderColor = color;
});

在上述代码中，我们使用了HTML的data-*属性来存储按钮的颜色值。然后，使用CSS选择器根据data-color属性的值来设置按钮的背景颜色。最后，在JavaScript中，我们使用getAttribute方法获取按钮的data-color属性值，并将其作为边框颜色来设置按钮的边框。