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

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

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

how to change the background color size in a button?

css

background-color