@Serego
Начинающий веб-разработчик

Как сделать круг на фоне числа?

65ca531eaab95610128526.jpeg

Как сделать чтобы на фоне элемента был вот такой ровный круг?
  • Вопрос задан
  • 302 просмотра
Решения вопроса 3
@alexalexes
Нужно квадратному желтому элементу скруглить углы на не менее 50% радиуса его размера.
Ответ написан
Комментировать
@pantsarny
border-radius: 50%
Ответ написан
Комментировать
@MrFox235
Начинающий веб-разработчик
Создаём div элемент с числом внутри:
<div class="box">
    <p>1</p>
</div>


Делаем закругления для div элемента
.box {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   display: flex;                        /*С помощью flex выравниваем число по центру круга*/
   align-items: center;
   justify-content: center;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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