Arredondar Apenas 1, 2 ou 3 Cantos da DIV no CSS

No tutorial anterior, aprendemos a arredondar os cantos de uma DIV. Agora iremos ver como arredondar cada canto individualmente.

Cada Canto com Tamanho Diferente

   border-radius: 5px 10px 15px 20px;

Onde:
– 5px: Canto Superior Esquerdo
– 10px: Canto Superior Direito
– 15px: Canto Inferior Direito
– 20px: Canto Inferior Esquerdo

Arredondar Apenas os Cantos Superiores

   border-radius: 10px 10px 0 0;

Arredondar Apenas os Cantos Inferiores

   border-radius: 0 0 5px 5px;

Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>