Cantos Redondos

Cantos Redondos usando Css

Esta técnica permite o uso de cantos redondos usando css, tendo como apoio uma única imagem, o que por razões óbvias resulta num aumento da velocidade de carregamento.

[.]

Esta técnica é bastante simples, veja a fonte deste documento para perceber o seu funcionamento.

Técnica

Uso de uma DIV que engloba 2 elementos essenciais, um titulo, H3 neste caso e um conjunto de parágrafos.
Na DIV definimos como seu background a nossa imagem alinhada verticalmente ao fundo (BOTTOM) e horizontalmente á esquerda (LEFT).
No titulo H3 definimos como seu background a nossa imagem alinhada verticalmente ao topo (TOP) e horizontalmente á esquerda (LEFT).
Bastando agora preocuparmo-nos com as linhas laterais que unirão o topo e o fundo, eectuamos essa definição nos parágrafos, conseguindo assim um tamanho ilimitado com a mesma forma, definindo a BORDER esquerda e direita da cor da linha usada na imagem.

Cantos Redondos usando Css

Técnica

Este documento é parte integrante do blog http://josesilva.portaltm.com