Есть такой макет
Это рамка блока в котором будет текст. Как сверстать такую рамку? Блок будет резиновым и меняться по высоте при ресайзе.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществу.color {
height: 150px;
width: 300px;
border-width: 5px;
border-style: solid;
border-image: linear-gradient(45deg, #3eb060, #0cabe1) 1 49%;
resize: both;
overflow: auto;
}
<div class="color"></div>
border-image:
linear-gradient(
.
.
.
.
.
)
По градиенту рекомендую воспользоваться онлайн генераторами градиентов CSS. Коих достаточно в интернете.