StillMaster » Веб разработка » Как сделать элемент сайта круглым?

Как сделать элемент сайта круглым?
Как сделать элемент сайта круглым?

Иногда необходимо чтобы элемент сайта был круглым. Как это делать читайте здесь.

Если вам необходимо какой-либо элемент сделать круглым и не важно span div или какой-то другой, вам нужно в файле стилей этого элемента прописать одну строчку.

    border-radius: 50%;


Конкретно у элемента который расположен сверху стоит следующий код.

border-radius: 50%;
width: 50px;
height: 50px;
background-color: black;

Важно отметить чтоб параметры ширины и высоты были заданы иначе он просто не отобразиться, также важно чтобы ширина и высота элемента были одинаковы, если например высота будет 100px, то выглядеть это будет так как на картинке ниже.

Если у вас есть какие-то вопросы, то пишите мне чем смогу помогу.

Skypro

Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .


Поделиться:

53 14.02.23






Аватар
Ольга  08:48, 26 февраль
  • Нравится
  • 0

Красиво смотрится, я редко вижу на сайтах такие круглые элементы. Хорошая инструкция.


Ответить