...

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".

Example



#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