Tryit Editor T4Tutorials.com - Border-rounded CSS

Edit This Code:

<html>
<head>
<style>

p.n {
    border: 5px solid hotpink;
}

p.r1 {
    border: 4px solid lightblue;
    border-radius: 8px;
}

p.r2 {
    border: 3px solid blue;
    border-radius: 9px;
}

p.r3 {
    border: 3px solid purple;
    border-radius: 14px;
}
</style>
</head>
<body>

<h2>The border-radius Property</h2>

<p><b>This property is used to add rounded borders to an element:</b></p>

<p class="n">Normal border</p>

<p class="r1">Round border</p>

<p class="r2">Rounder border</p>

<p class="r3">Roundest border</p>

<img src="logo.jpg"/>

</body>
</html>