How to make a circle I used this code for it html:<div class="Moon"></div> CSS: .Moon{ border-radius="50%"} It's not working

Question

How will I make the circle not working

Answer 1

A DIV on its own, is just an empty container, it does not take up any space.
To make it stand out, specify size (with height and width properties), and give it a different background-color.
Pay attention to correct syntax: in CSS you have to use colon : and semicolon ;

.Moon {
width: 100px;
height: 100px;
background-color: blue;
border-radius: 50%;
}

Answer 2

https://code.sololearn.com/WB9mr64R8323/?ref=app

Use this if you want to create moon 🌒 or even circle

Answer 3

Use svg or canvas

Answer 4

Hasnain [ACTIVE CHALLENGER] Canvas is used for vector art right

Answer 5

Forgot the background colour instead used border colour 😅

Answer 6

it does not give you circle because you have not add value of height and width ou have to add height and width value. and the value of your height must be same with value of your width. and you have to add border.
for example
.moon{
height:50px;
width:50px;
border: 2px solid blue;
border-radius:50%;
}

Answer 7

Oh thanks Tibor Santa

Answer 8

It's working

Answer 9

Is something wrong with it it's correct right

Answer 10

Tibor Santa It's not working

Answer 11

Oh wait

Answer 12

Mirielle Oh I see

Answer 13

Well you can easy apply ever form in 2d with your own svg as example i will create a codebit for you ... Brb

Answer 14

https://code.sololearn.com/WiCa231HV7zY/?ref=app

So iam back i explain in the comments on the html file.
Hope that help you, happy coding ✌️