Как сделать незамкнутый контур в CSS?

Question

[Данила Гринберг]

Как я могу сделать такие же контуры для блоков?

Answer 1

[Ivan Bogachev]

Практически все подобные вопросы про бордеры можно решать с помощью линейных градиентов (пример). Это получается как бы не бордер, а просто нарисованные на фоне линии.

Comments

[Hyubert]

а есть что-то почитать об этом?

[Ivan Bogachev]

Hyubert, Все строится на css-свойствах, связанных с background, а дальше каждая линия - это градиент с заданными размерами и позицией. Собственно вот и все. Тут и читать-то особо нечего, разве что просто освежить в памяти все эти свойства. Но это вы и так загуглите.

[Programmist_Kolxozn1k]

Ivan Bogachev, а как с поддержкой ?

[Hyubert]

Ivan Bogachev, спасибо