CSS Rounded Border:-
If you want to do your border in a round shape then you have to use the border-radius property.
<!DOCTYPE html>
<html>
<head>
<style>
p. one{border: 3px solid blue;
padding: 5px;
}
p. two{border: 3px solid blue;
border-radius: 5px;
padding: 5px;
}
p. one{border: 3px solid blue;
border-radius: 10px;
padding: 5px;
}
p. one{border: 3px solid blue;
border-radius: 15px;
padding: 5px;
}
</style>
</head>
<body>
<h1> The Border-Radius Property </h1>
<p class="one"> This is a normal border.<p>
<p class="two"> This is a round border.<p>
<p class="three"> This is a rounder border.<p>
<p class=four"> This is the roundest border.<p>
</body>
</html>
Try this code for a better experience
0 Comments