Css цифра в круге

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 53801d155b8edfcb • Your IP : 78.85.5.224 • Performance & security by Cloudflare

Различные круги в css, просто круг css, круг с цветом css, кург css с картинкой внури, с цифрой, и изменяемым задним фоном — это наши темы.

Css — это необыкновенный инструмент, с помощью котрого вы можете сделать то, что даже не можете себе представить!

И когда пишут круг в html то я бы хотел посмотреть, как вы без css нарисуете круг!

Что самое интересное, что я когда-то и не знал, что такое css, но мы не будем отвлекаться!

Вообще сделаем несколько вариантов кругов в css:

Давайте нарисуем простой круг css .

Нам нужно создать див с классом, не мудрствуя назовем его Circle:

Далее создадим либо файл css и туда запишем все стили. Либо же здесь на странице напишем так:

Высоту и ширину сделаем по 100px.

width: 100px; height: 100px;

Сделаем бордюр шириной 1 px, и непрерыной линией(solid)

border: 1px solid;

Далее поделим пополам ширину и получим радиус бордюра.

Ну и далее покраим бордюр, например в красный.

Помогите решить проблему.

Нужно создать круг вокруг цифры. Делаю это при помощи свойства border-radius: 50%. Обычно получался идеальный круг. Но сейчас больше напоминает овал. А все из-за того, что в кругах находятся цифры. Как добиться идеального круга? Понимаю, что нужно каким-то образом заставить игнорировать содержимое, но как?

Ищу простой способ.

  • Вопрос задан более двух лет назад
  • 3327 просмотров

P.S.: код скриншотами — это плохо.

про line-height даже и не подумал, но это сработало!


[an error occurred while processing the directive]
Карта сайта