/CSS/How to make a round corner in CSS

How to make a round corner in CSS

Css rounded corners

/* Set rounded corners with border-radius property */

.class {
  border-radius: 4px;
}

.circle {
  border-radius: 50%;
}

49

How to make a round corner in CSS

#roundCornerID {
    border-radius: 30%;
    width: 200px;
    height: 150px;   
}

6

Css round element

/* I find it best to use pixels*/
    border-radius: 5px;

/* Percents don't work well with elements that aren't square*/
    border-radius: 10%;

1

Similar codes

65 votes346 views3 answers
Css set variable
CSS
65 votes352 views3 answers
Css variables
CSS
1 vote391 views1 answer
Ie11 flex 1
CSS
69 votes341 views6 answers
Flexbox elements
CSS
29 votes342 views2 answers
How to horizontal center a div in css
CSS
0 vote348 views1 answer
Css apply style to direct children
CSS
1 vote291 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote318 views1 answer
Inline list css without floats
CSS
0 vote312 views1 answer
Understanding '+' sign in css selector
CSS
0 vote326 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS

Share