Caixa com cantos arredondados em CSS



 

Você precisa criar caixas de texto com bordas arredondados utilizando CSS e não quer perder muito tempo? O site spiffycorners.com oferece uma ferramenta on-line que faz isto em segundos. Você escolhe as cores da caixa e da borda e quantos pixels terá a borda. Ao clicar no botão que determina estes pixels você já poderá ver os códigos CSS para copiar e colocar no seu site.

No site www.curvycorners.net você encontra um javascript que pode te ajudar a criar quadros com bordas. É compatível com todos os navegadores. As bordas podem ser utilizadas até em fotos. Veja este exemplo 1 e este exemplo 2  Você pode baixar o script aqui. Para saber como utilizar visite.

Já no site schillmania.com você encontrará uma solução pronta de caixa de texto que utiliza imagens nas bordas. Você pode fazer o download do css e das imagens de exemplo.

Para finalizar não deixe de visitar este artigo anti-aliased-nifty-corners que apresenta mais uma solução utilizando javascript para criar caixas arredondadas anti-aliased.


Artigos Relacionados:

Outros artigos que tratam de temas semelhantes:

Busca de Artigos

Faça uma busca e encontre outros artigos sobre o assunto:

CADASTRE SEU E-MAIL

Cadastre-se e receba novos artigos no seu email. Digite seu e-mail no campo abaixo:

E-mail: Delivered by Google FeedBurner

Deixe seus comentários


web stats