Rounded Borders

CSS Tutorial

CSS Advanced

CSS Responsive

CSS Grid

Rounded Borders

The border-radius property adds rounded borders to an element:

HTML
				
					<h2>Individual Border Sides</h2>
<p>2 different border styles.</p>
CSS
				
					<h2>The border-radius Property</h2>
<p>This property is used to add rounded borders to an element:</p>
<p class="normal">Normal border</p>
<p class="round1">Round border</p>
<p class="round2">Rounder border</p>
<p class="round3">Roundest border</p>

Output

rounded borders