Задать вопрос
@V1sionary
css

Как сделать нестандартный border в CSS?

Здравствуйте, подскажите, пожалуйста, как можно сделать такую обводку?

3cdbd59e80574df8875933beaab99c38.png
  • Вопрос задан
  • 700 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
StivinKing
@StivinKing
Нуу, как-то так. При желании можно сократить код. Пример
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
fnnzzz
@fnnzzz
front-end dev
лучше влепить в DOM 4 span'а, родителю дать relative, а "спанчики" абсолютно отпозиционировать и у каждого span будет after и before для вертикальной и горизонтальной линий.

можно еще попробовать border-image-repeat - https://tympanus.net/codrops/css_reference/border-...
для него есть онлайн-генератор - border-image.com
можно поиграться
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы