Задать вопрос
wp-admin
@wp-admin
Веб-мастер и преподаватель компьютерной академии
css

Как сделать рамку с иконкой на css?

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

5bb52a2a3ecc7405083058.jpeg
  • Вопрос задан
  • 793 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
Сделай блоку рамку со всех сторон кроме верхней. Псевдоэлементами сделай два куска рамки. Расположи их сверху и задай им размер. Внутри блока помести элемент с иконкой и размести ее сверху абсолютом.
https://codepen.io/Profesor08/pen/BqKjQV
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Nikita-Fast
@Nikita-Fast
SVGшник и леплю что попало
https://codepen.io/topicstarter/pen/zmqBJQ вот так можно
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка дизайна для мобильного приложения
25 апр. 2024, в 18:47
2795100 руб./за проект
Ищем программиста для поддержки сайта на PHP Laravel/Symfony
25 апр. 2024, в 18:36
10000 руб./за проект
Доработка мобильного приложения React Native iOS/Android
25 апр. 2024, в 18:32
50000 руб./за проект
Ещё заказы