How do we make a rounded corner by using CSS?
Question :
How do we make a rounded corner by using CSS?
We can make a rounded corner by using the property "border-radius". We can apply this property to any element.
<html>
<head>
<style>
# rcorner {
Border-radius: 25px;
Background: gray;
padding: 20px;
Height: 150px;
}
</style>
</head>
<body>
<h3>The border-radius property</h3>
<p id-"rcorner">Rounded corners</p>
</body>
</html>
Run the above code in the browser.