SuperToster
@SuperToster

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

Привет.

Творческий кризис. Парни, помогите пожалуйста, как сделать такой border?

5c702c9db3b5f304238134.jpeg
  • Вопрос задан
  • 193 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
Awilum
@Awilum
Software Architect / Web Developer / Designer
Вот сделал как вариант так: 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>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 ₽
от 80 000 до 200 000 ₽
Libertex Group Барнаул
от 70 000 до 120 000 ₽
03 июн. 2020, в 06:58
800 руб./в час
03 июн. 2020, в 02:34
2000 руб./за проект
02 июн. 2020, в 23:49
1000 руб./в час