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

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%);