Web Technologies - CSS3

Back to Course

Lesson Description

Lession - #517 CSS3 Rounded Corners

What is CSS rounded corners?

CSS3 Rounded corners ar used to add special coloured corner to body or text by using the border-radius property.

With the CSS border-radius property, you'll give any part "rounded corners".


#rcorners1 {
  border-radius: 25px;
  background: red;
  padding: 20px; 
  width: 200px;
  height: 150px;  

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

<p id="rcorners1">Rounded corners!</p>

Try it here