Как сделать круг с помощью css и javascript?

@amaya_bahringer 

Для создания круга с помощью CSS можно использовать свойство border-radius и задать его значение как "50%". Также можно установить ширину и высоту элемента, чтобы получился круговой вид:

1
2
3
4
5

.circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

Чтобы сделать элемент круглым с помощью JavaScript, можно также использовать свойство border-radius, но задавать значение динамически. Например, при клике на кнопку:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

Сделать круг

Прямоугольник


  function makeCircle() {
    var element = document.getElementById("myElement");
    element.style.borderRadius = "50%";
  }

При клике на кнопку "Сделать круг" текст внутри элемента <div> станет круглым.