Задать вопрос
ksardius199
@ksardius199
html

Как правильно сверстать такой блок?

Всем привет, подскажите пожалуйста как сверстать такой блок ?
joxi.ru/ZrJdE3Ph9bbzL2
  • Вопрос задан
  • 492 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 5
ruslanredo
@ruslanredo
Как правильно не знаю. Неправильно вот так. :)
Ответ написан
Комментировать
Комментировать
@dranets13
Круг спозиционируйте абсолютом, а каемку сделайте бордером этого круга.
Ответ написан
Комментировать
Комментировать
ksardius199
@ksardius199 Автор вопроса
каемку не получится сделать бордером, каемка должна быть такого цвета, как фон под этим блоком.
Ответ написан
Комментировать
Комментировать
nickolyashka
@nickolyashka
svg маской
Ответ написан
Комментировать
Комментировать
@andryhacom1997
Можно для блока с текстом задать z-index: 1, а для самой кнопки border-radius: 50%;
z-index: 2; для того чтобы кнопка перекрыла блок с текстом + border для кнопки с цветом блока
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии