Как вставить элемент в рамку?

Как сделать такой блок:

5bdb2ce2c1b8c082914631.jpeg

Проблема именно, иконка внутри обводки...
Есть идея, сделать через before изображение с белым фоном, но это наверное не лучшее решение.
Помогите пожалуйста)
  • Вопрос задан
  • 534 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Вот отсюда должен стать понятным базовый принцип построение таких рамок
https://codepen.io/the_human_brian/pen/vOrbBG
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
Если прозрачный фон не требуется, то норм

Если требуется, то придется верхние огызки тоже делать псевдоэлементом
Ответ написан
mtvphnx
@mtvphnx
Двигаю пиксели, играюсь со шрифтами
Именно такое решение, которое вы написали - самое простое и лучшее.
Либо просто положили внутри relative блока-родителя дочерний блок с absolute и background белого цвета, либо сгенерировали его через псевдоэлемент :before.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы