Sei sulla pagina 1di 5

Bordas Arredondadas e

Sombreamento com CSS-3


CSS - Style Sheet
Professor: Jolvani
Aula 34

Bordas Arredondadas e Sombreamento CSS3

O CSS usado at agora abrangem a verso 1 e 2, j existe a verso 3 mas no


suportada por todos os browsers, somente alguns recursos.

Criamos mais uma aula com uma pgina que contem uma div com id container e
queremos transforma-la num bloco.

Bordas Arredondadas e Sombreamento CSS3

Criando nossa folha de estilo. bordas.css

At agora nenhuma novidade.

Agora utilizando o recurso de arredondamento.

Bordas Arredondadas e Sombreamento CSS3

Quanto maior for


arredondamento.

numero

para

border-radius:30px

maior

Adicionando o efeito sombra com box-shadow, podendo definir a propriedade da


sombra e sua cor mesmo que os editores de imagem usam.

Abaixo ns vemos o formato da sombra suportado pelo Firefox 3.0

Aquele usado acima suportado pela verso 8.0 em diante.

ser

Prxima Aula: ltima Aula Validao


na W3C por sua conta.