Rounded corners with CSS

Previously we only could put the effect of rounded corners using images.
Currently, there are CSS properties that let you do this, that work in most of the browsers (only doen´t work in IE).
To work we have to put the following lines of code into the CSS:

border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;

The value 2em can be changed to the value we want.

Control the content of web pages with DIV (boxes)

From experience I gained while building this site, you can check that is much easier to control the contents with DIV than with tables.

Example of an html page with four boxes:

CSS Code

HTML Code

Example in operation

Some CSS Properties

background-attachment:scroll;

Defines whether the background image moves with the scroll or not. Can have three values: scroll, fixed or inherit.

font-variant:normal;

Displays text in normal mode or in small capitals. Can have three values: normal, small-caps or inherit.

list-style-image:name;

Allows you to set an image as a symbol of a list. Can have three values: none, url or inherit.

overflow:auto;

Stipulates what happens when content is greater than the available area. You can have 5 values: visible, hidden, scroll, auto or inherit.

z-index:-1;

Sets the level at which the layered elements overlap. Can have three values: auto, number or inherit