2.8 Border Radius
What if you want your div not sharp, but rather curved.
In this case you are going to use the border-radius property. You can set the value of this property in pixel or other units, as the unit increases your div becomes more and
more curved.
Try this code:
<html>
<head>
<style>
div {
width: 400px;
height:
400px;
background-color: black;
border-radius:
15px;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
Your final image would look like this:
🙂 And also, if you want your div to be a circle you will make your
border-radius to 50%.
⭐ Plus, don't forget to make your div a
square or it would look an oval shaped div.
⭐ Another point, don't use percents on rectangles, because you will see weird shapes when you use it on them. Go try it yourself.
