Dev_Kpug
@Dev_Kpug

Как реализовать такую рамку на СSS?

3ac49ff9ebe2499ebc243adc416aa74c.PNG
Добрый вечер, как сделають такую рамку вокруг блока?
  • Вопрос задан
  • 331 просмотр
Решения вопроса 1
@Chekhoved
А если нужен прозрачный фон в заголовке, делай три border'а и добавляй вверху две черточки с помощью ::before и ::after

.block {
	position: relative;
	border-right: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}
.block::before,
.block::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 2px;
	top: 0;
	background: black;
}
.block::after {
	left: 0;
}
.block::before {
	right: 0;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
r3st1k25
@r3st1k25
Senior PHPomidor
codepen.io/r3st1k25/pen/pjPLxV вот специальные теги для такого.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 апр. 2024, в 17:10
20000 руб./за проект
28 апр. 2024, в 15:00
100000 руб./за проект
28 апр. 2024, в 14:43
5000 руб./за проект