1

Пробовал через hr, возникли проблемы с позиционированием (внутри угла текст)

1
  • Если проблемы с позиционированием, то ознакомьтесь с CSS свойством position
    – RoNULL
    Commented 12 окт. 2022 в 19:40

2 ответа 2

1

Может вариант через before и after

.item {
  padding: 2rem;
  position: relative;
  margin: 50px;
}

.item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 30%;
  height: 1px;
  background: red;
}

.item::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  width: 1px;
  height: 100%;
  background: red;
}
<div class="item">hello</div>

2
  • большое спасибо, вы мне очень помогли
    – Usti
    Commented 12 окт. 2022 в 19:47
  • @Usti пожалуйста Commented 12 окт. 2022 в 20:43
0

Сколько вариантов..
Подкину ещё вариант на background

.elem {
  display: block;
  width: 200px;
  height: 200px;
  background: 
    linear-gradient(0, #000, #000),
    linear-gradient(0, #000, #000);
  background-repeat: no-repeat;
  background-position: 10% 0, 0 10%;
  background-size: 1px 100%, 100% 1px;
}
<div class="elem"></div>

1
  • 1
    спасибо большое, буду иметь ввиду
    – Usti
    Commented 13 окт. 2022 в 12:48

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.