Как залить фон на фиксированную ширину?

Question

[LoveCodeandCoffe]

Мне нужно залить фон на 90% одним цветом и на 10% другим. Можно этого добиться без создания дополнительных классов? И цвет не должен меняться как градиент. Сначала 90% черный #000 потом 10% красный

Answer 1

[MrStan1slav]

background-image: repeating-linear-gradient(to right, #000 0, #000 90%, red 0, red 100%);

Answer 2

[0xD34F]

И цвет не должен меняться как градиент. Сначала 90% черный #000 потом 10% красный

И тем не менее - это можно сделать именно градиентом:

background: linear-gradient(to right, black, black 90%, red 90%);