Suppose you have the following markup -
<div class="my_div"></div>
To make the div visible, we need to set its widthÂ
and height and give it a background color Â
.my_div {
 background-color: blue;
 width: 100px;
 height: 100px;
}
To make div’s borders rounded, you could add following styling :Â
border-radius: 15px;
Â
The border-radius property can be set in various ways likeÂ
border-radius: 15px 15px 15px 15px; it sets value for 4 corners.