Using CSS to make rounded corners.

[goldenwaters]

Hello forum, Please i want to know how o make Divs with a rounded corner and also making shadows. Someone mad a post on it sometime back but i think now i have need for it. Thanks my people.

Your sincerely,
Golden Waters

 

[CaldwellYSR]

Rounded Corners:

border-radius: 15px;

Shadow:

box-shadow: 10px 10px 10px #888;
// horizontal distance, vertical distance, spread, color.

Keep in mind some browsers may or may not support these completely. I'm pretty sure the major ones support these two now but you should check to make sure you don't need -moz- or -webkit- prefixes before implementing these.

 

[PixelPusher]

Being that CSS3 is still new, the Consortium is still defining the standard. That being said, some browser have their own method of handling these new css properties.

Border Radius (rounded corners, circles)

border-radius:  /*Standard */
-moz-border-radius:  /* For Mozilla browsers (FF) */

Drop Shadows (Box model only)

box-shadow: /* Standard */
-moz-box-shadow: /* Mozilla */
-webkit-box-shadow: /* Gecko browsers (Chrome, Safari)