Use Border Radius in our HTML File

by skybers
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;
}

Recommended Posts

How to use require field in bootstrap form?
July 25, 2018

Removing ‘blue border’ from input text field
July 12, 2018

Bootstrap NavBar with left, or right aligned items
June 7, 2018