How to draw circle in html page?

by

You can’t draw a circle per se. But you can make something identical to a circle.

You’d have to create a rectangle with rounded corners (via border-radius) that are one-half the width/height of the circle you want to make.

    #circle {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background: red;
    }
<div id="circle"></div>

More Related Contents:

  1. Easier way to create circle div than using an image?
  2. How to make double border on left only with thick outside and thin inside [duplicate]
  3. Cut Corners using CSS
  4. Transparent half circle cut out of a div
  5. Can I create a div with a Curved bottom?
  6. How to create a circle with links on border side
  7. How to make this arrow in CSS only?
  8. Shape with a slanted side (responsive)
  9. CSS3 Transform Skew One Side
  10. How to make a curved edge hexagon by using CSS
  11. Responsive CSS Trapezoid Shape
  12. Generate repeating hexagonal pattern with CSS3
  13. How to create a curve between two gradient using CSS?
  14. Hexagon shape with a border/outline
  15. How to create a transparent triangle with border using CSS?
  16. How to bevel the corner of a block div?
  17. Dynamically aligning pseudo element according to parent height
  18. CSS Speech Bubble with Box Shadow
  19. Center Triangle at Bottom of Div
  20. CSS box shadow around a custom shape?
  21. Slanted diagonal line in html or css?
  22. How can I make a div with irregular shapes with css3 and html5?
  23. Skewed Borders on a Div
  24. Paragraph of text in circle using CSS [duplicate]
  25. Pixelated edge around a CSS Circle with overflow: hidden;
  26. Title with bottom border smaller than width
  27. How to create a triangle in CSS3 using border-radius
  28. How to create a heart shape using CSS?
  29. CSS triangle containing text
  30. Make plus symbol in CSS

Leave a Comment