Use Border Radius in our HTML File

Use Border Radius in our HTML File
by

There have a lot of tutorial that will tell you about border radius code, I will tell you step by step how to use border radius in your HTML. It is very simple to learn and use.

If you want to all corner rounded, please see the code.
Uniform

//CSS
.all-corner-radius{
   border:1px solid #000;
   height:40px;
   border-radius:10px;
}

 

//View

——————————————————————

Different per corner

//CSS
.all-corner-radius{
   border:1px solid #000;
   height:40px;
   border-radius:5px 10px; 15px 20px;
}

 

//View

——————————————————————

Single corner

//CSS
.all-corner-radius{
border:1px solid #000;
height:40px;
border-top-left-radius: 20px;
}

------------------------------------------------------------------

Uniform with border

//CSS
.all-corner-radius{
border:1px solid #000;
height:40px;
border: 10px; border:5px solid #000;
}