Border radius css

stephenbayer

Code: CSS

2021-04-02 08:21:03

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

.class {
  border-radius: 4px;
}

.circle {
  border-radius: 50%;
}

28

zero_field

Code: CSS

2021-01-31 11:30:28

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

4

Lucas Gabriel

Code: CSS

2021-01-22 20:04:40

.div { /*Top Left (TL) Top Right (TR) Bottom Right (BR) Bottom Left (BL)*/
	border-radius: 15px 50px 30px 5px; /*TL TR BR BL*/
  	border-radius: 15px 50px 30px; /*TL TRBL BR*/
  	border-radius: 15px 50px; /*TLBR TRBL*/
  	border-radius: 15px; /*All corners*/
}

7

bali

Code: CSS

2021-01-31 11:30:56

/* TL = Top Right, BR = Bottom Right... etc */
border-radius: 15px 50px 30px 5px;
			    TL   TR   BR   BL
border-radius: 15px 50px 30px;
			   TL  BL+TR  BR
border-radius: 15px 50px;
			 TL+BR  TR+BL
border-radius: 420px;
			all corners

1

j.blade

Code: CSS

2021-04-08 04:22:00

#rcorners {
  border-radius: 25px;
}

9

ms.crystal

Code: CSS

2021-01-31 11:29:26

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

10

Abd Alrazak Bostani

Code: CSS

2021-01-21 06:05:40

border-radius: 5px; /* The corners will be round */

5

JammyTarts4Sam

Code: CSS

2021-04-20 14:26:15


    .abcclass {
  border-radius: 0px;  // for no radius
  
}

0

dta

Code: CSS

2021-01-31 11:27:06

element:focus{border-radius:25px;}

0

Tags

Related

New to Communities?