Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS Rounded Corner Divs

How do I make only one or two or three corners of a div round?

like image 436
Moon Avatar asked Dec 13 '10 17:12

Moon


People also ask

How do you make a box have rounded corners CSS?

To create a simple box with rounded corners, add the border-radius property to box1 . The border-radius property is a shorthand property that sets the radius for all four corners of the box to the same value when given only one value.

What CSS property gives rounded corners?

The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.


1 Answers

Specify the corners you want:

border-top-left-radius: 10px 5px;
border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;

http://www.css3.info/preview/rounded-border/

like image 149
idlefingers Avatar answered Sep 29 '22 12:09

idlefingers