Registro de Domínio

Caixa com cantos arredondados em CSS

Anúncios:


 

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.




Patrocinados:


Receba Dicas por E-mail

    Grupos do Google
    Você pode receber o Dicas Do Dia no seu e-mail e ficar sabendo sempre que novos textos forem publicados. Cadastre-seu e-mail.
    E-mail:
    Visitar este grupo

Nenhum comentário ↓

  • Gostou desta dica? Divulgue para seus amigos. Envie suas sugestões. Nos envie informações para melhorar ou ampliar esta dica. Esperamos sua participação.


Comente este artigo:






Privacy Policy
web stats