Задать вопрос
SuperToster
@SuperToster

Как сверстать такой border?

Как сделать такой border?

5c702c9db3b5f304238134.jpeg
  • Вопрос задан
  • 215 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
Awilum
@Awilum
Частный разработчик, ментор и преподаватель курсов
Вот сделал как вариант так: scratchpad.io/likeable-iron-8465

<style>
  body {
    background: black;
  }
  
  .box {
    color: black;
    border-bottom: 2px solid red;
    text-align: center;
    padding: 40px;
    position: relative;
    background: white;
  }
  
  .box-border-left {
    border-left: 2px solid red;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
  }
  .box-border-right {
    border-left: 2px solid red;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
  }
</style>
<div class="box">
   <div class="box-border-left"></div>
   <div class="box-border-right"></div>
   <div class="box-content">
     Some text
   </div>
<div>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы