如何更改按钮中的背景颜色大小？

Question

我设计了一些像这样的按钮：

然而我无法改变背景颜色的大小：＃428bca作为我在css中的设计。我有什么办法可以改变CSS中背景颜色的大小而不使用背景图像？

请参阅此处的简单示例：

 <button class="btn-modify">
    Primary
    </button>

    .btn-modify {
     width: 286px;
     padding: 10px;
     background-color:  #428bca;
     }

https://jsfiddle.net/zichenma/f8hjm0Lc/

提前非常感谢你！

Answer 1

是的，如果假设正确那么你想要这个，即半背景是另一种颜色或另一半是另一种颜色..你可以用这个代码实现

 background: repeating-linear-gradient(#0e88be, #0e88be 49.9%, #1e90ff 50.1%, #1e90ff 100%);