- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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 25-Feb-2020 07:51:53
- Related Questions & Answers
- How to draw a circle in JavaScript?
- How to draw a circle in R?
- How to draw a hollow circle in SVG?
- How to draw a circle in HTML5 SVG?
- Draw a circle using OpenCV function circle()
- How to draw a circle with arc() in HTML5?
- How to draw a circle in OpenCV using Java?
- How to draw a circle in OpenCV using C++?
- How to make page links in HTML Page?
- How to draw a filled circle in OpenCV using Java?
- Draw a circle in using Tkinter Python
- How to draw tick mark with circle background shape in android?
- How to link jQuery in HTML page?
- How to create headings in HTML page?
- How to create Paragraphs in HTML Page?
Advertisements