element to add rounded corners

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

This example is just for the tag to work with Mozilla-based browsers such as Mozilla Firefox and Webkit-based (such as Apple Safari). If you prefer, you can set the above 3 properties to different values and have the styles show different effects in Firefox and Google Chrome.

You can also create a shadow on the <div>. To do this, you can use the following 3 properties (again, be sure to handle a variety of browsers):

-webkit-box-shadow:8px 8px 6px #AAAAAA,-moz-box-shadow:8px 8px 6px #AAAAAA, box-shadow:8px 8px 6px #AAAAAA;

in this case, the first property is a horizontal shadow, the second is a vertical shadow, the third is the amount of blur, and the fourth is the color of the shadow. You can place another property between the blur amount and the shadow (another size value that is related to the Shadow's coverage), but this property does not seem to be widely used.

element to add rounded corners