CSS
Cascading Style Sheet
The border-radius property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
Example
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text1
{
border: 3px solid red;
border-radius: 25px;
padding: 10px;
}
</style> </head>
<body>
<h3 class="text1">www.skillpundit.com</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text1
{
border: 3px solid red;
border-radius: 25px;
padding: 10px;
}
</style> </head>
<body>
<h3 class="text1">www.skillpundit.com</h3>
</body> </html>
Output
www.skillpundit.com
Example
<html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text2
{
border: 3px solid blue;
border-radius: 25px 50px;
padding: 10px;
}
</style> </head>
<body>
<h3 class="text2">www.skillpundit.com</h3>
</body> </html>
<head>
<title>Skillpundit</title>
<style type="text/css"> .text2
{
border: 3px solid blue;
border-radius: 25px 50px;
padding: 10px;
}
</style> </head>
<body>
<h3 class="text2">www.skillpundit.com</h3>
</body> </html>
Output
www.skillpundit.com
