Skip to Content

How to Create Circle using HTML and CSS

How to Create Circle Using HTML and CSS

In this you will learn, how you can create circle using HTML and CSS easily. This will guide you creating a circle.

Creating a circle using HTML and CSS is very easy. Find below code for creating a circle

 Code:


​ <!DOCTYPE html>
<html lang="en">
<head>    
​<meta charset="UTF-8">    
​<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
​<title>Creating Circle</title>    


​<style>        
​​.box{
​​​width:500px;            
​height:500px;            
​background-color:yellow;            
​border:1px solid black;            
​border-radius:100%;  
​​}    
​</style>
</head>
<body>    
​<div class="box"></div>
</body>
</html>

Output:

Creating Circle

 

Shivnath Sharma 1 January 2025
Share this post
Archive
Sign in to leave a comment
Upcoming Smartphone Launches In December 2024: iQOO, Redmi, Vivo, OnePlus, More