BORDAS ARREDONDADAS

Encontrei nesse site uma dica, dentre muitas ótimas, que me chamou a atenção:

Lá a Mariana ensina um código para fazer com que os cantos fiquem arredondados sem a necessidade de desenhos, o que torna o template muito trabalhoso se você quer cantos arredondados.
É o código: -moz-border-radius: 3px 3px 3px 3px; que você pode colocar nos seus widgets das sidebars, bordas, header e coluna principal onde ficam os posts.
Esse código só funciona no Firefox e quanto maoir o número de pixels mais arredondado fica o canto.
No próximo template que vou disponibilizar aqui no Imagens usei em todos os cantos com medida de 10px.
Vocês perceberam que escrevemos a quantidade de pixels 4 vezes para indicar os 4 cantos. Se faltar 1medida não vai arredondar todos os cantos ou também para você poder variar em qual canto você quer mais arredondado que o outro de acordo com o valor. Isso funciona no sentido horário começando do de cima.

Para mais detalhes clique na imagem do site onde encontrei a dica e vá até lá.

Tweet

Posts Relacionados

BORDAS ARREDONDADAS

4 / 5

Por Áurea

2 Comentários