Разные цвета у одной рамки, как сделать?

Question

[Adilet Zhuman]

Товарищи, как при помощи CSS сделать такой трюк ?

Answer 1

[Владимир Проскурин]

https://jsfiddle.net/0fr51hu3/

Answer 2

[Артем Спиридонов]

Вариант - рамка меньше надписи, правой границы просто нет.

Answer 3

[Марти Макфлай]

Проще всего псеводоэлементом, даёте ему абсолют, делаете рамку слева, снизу и сверху, топ 0, боттом 0, лефт 0, ширину процентов 70.

А почему вопрос про разные цвета?

Answer 4

[Nifontov]

Линейным градиентом