How to draw circle in HTML page?

To draw a circle in HTML page, use SVG or canvas. You can also draw it using CSS, with the border-radius property.

Example

You can try to run the following code to learn how to draw a circle in HTML

<!DOCTYPE html>
<html>
  <head>
    <style>
      #circle {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        background: blue;
      }
    </style>
  </head>
  <body>
    <div id="circle"></div>
  </body>
</html>
Updated on: 2020-02-25T07:51:53+05:30

10K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements