O CSS (Cascading Style Sheet) ou folha de estilo em cascata (tradução para o português) é uma técnica simples para adicionar estilos (fontes, imagens, bordas, fundos e etc…) a elementos web.

Para não prolongar muito o assunto sobre os conceitos de CSS, recomendo o site www.maujor.com e www.css3.info que explica bem o uso do CSS e Web Standards.

Esta é uma sequência de 8 posts mostrando as principais novidades na utilização do CSS3. Abaixo mostraremos exemplos das principais novidades. OBS: nem todos os browsers são compatíveis com o CSS3, os exemplos abaixo foram testados no firefox 3.5.

border-color

border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
padding: 5px 5px 5px 15px;

border-radius

background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;

-

-

-

-

Até os próximos exemplos…