带有斜线装饰的CSS按钮

Question

我想创建带有斜线装饰的框的HTML / CSS（没有图像文件）按钮。 附上的是样本图片。

我已经看到了绘制对角线的CSS技巧，但找不到这种多条对角线的那条。

有人可以帮我吗？

Answer 1

只需改变角度：

background: repeating-linear-gradient(
  45deg,
  #606dbc,
  #606dbc 10px,
  #465298 10px,
  #465298 20px
);

<强> Source

Answer 2

可能你可以使用重复的CSS渐变背景，然后使用蓝色背景的内部div来遮挡对角线。