Cantos redondos com CSS

Antigamente só se conseguia colocar o efeito de cantos redondos através de imagens.
Neste momento, já existem propriedades das CSS que permitem fazer este efeito, que funcionam na maioria dos browsers (só não funciona no IE).
Para funcionar temos de colocar as seguintes linhas de código:

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

O valor 2em pode ser alterado para o valor que pretendermos.

Controlar contéudo páginas WEB com DIV (caixas)

Pela experiência que adquiri ao construir este site, pode verificar que é muito mais fácil controlar o contéudo com os DIV do que com tabelas.

Exemplo de um página html cóm 4 caixas:

Código CSS

Código HTML

Exemplo em funcionamento

Algumas Propriedades CSS

background-attachment:scroll;

Define se a imagem de fundo se move ou não com o scroll. Pode ter 3 valores: scroll, fixed ou inherit.

font-variant:normal;

Exibe o texto no modo normal ou em capitais pequenas. Pode ter 3 valores: normal, small-caps ou inherit.

list-style-image:nome;

Permite definir uma imagem como símbolo de uma lista. Pode ter 3 valores: none, url ou inherit.

overflow:auto;

Estipula o que acontece quando o conteúdo é maior do que a área disponível. Pode ter 5 valores: visible, hidden, scroll, auto ou inherit.

z-index:-1;

Define o nível em camadas pelo quais os elementos se sobrepõem. Pode ter 3 valores: auto, number ou inherit