LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

border-radius property

Rounded corners with background color:

Rounded corners with a border:

Four values

Three values

Two values

Ellipse border

CSS
#ip1 {
    border-radius: 18px;
    background: #609;
    padding: 20px; 
    width: 200px;
    height: 15px;    
}

#ip2 {
    border-radius: 25px;
    border: 2px solid #609;
    padding: 20px; 
    width: 200px;
    height: 15px;    
}

#ip3 {
    border-radius: 15px 50px 30px 5px;
    background: #609;
    padding: 20px; 
    width: 200px;
    height: 15px; 
}

#ip4 {
    border-radius: 15px 50px 30px;
    border: 2px solid #609;
    padding: 20px; 
    width: 200px;
    height: 15px; 
}

#ip5 {
    border-radius: 15px 50px;
    background: #609;
    padding: 20px; 
    width: 200px;
    height: 15px; 
} 

#ip6 {
    border-radius: 50%;
    border: 2px solid #609;
    padding: 20px; 
    width: 200px;
    height: 15px;
} 
Term
Sat, 04/14/2018 - 20:42

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv