Bordas redondas com CSS
Postado por: Pedro Rogério emSegue abaixo um simples código para se produzir bordas redondas com CSS:
border-radius: 9px; /* CSS 3 */ -o-border-radius: 9px; /* Opera */ -icab-border-radius: 9px; /* iCab */ -khtml-border-radius: 9px; /* Konqueror */ -moz-border-radius: 9px; /* Firefox */ -webkit-border-radius: 9px; /* Safari */
Internet Explorer? Como ele não possui suporte a CSS 3, a solução seria ignorá-lo, ou então utilizar JavaScript ou imagens. Exemplo.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Para IE uso Jquery. Fica bom tbm…
http://www.methvin.com/jquery/jq-corner-demo.html
Muito fera, infelizmente para o nosso querido IE (brincadeira né) hahaha só Javascript para salvar
IE um navegador “quadrado”…
Ninguém usa o IE mesmo né… pra que pensar nele.
A propriedade do Opera não funciona mais…
O Opera suporta a propriedade border-radius sem o -o-
É, no Opera não rolou… =/
Mas valeu a info!
Maldito trident (engine do IE) do capeta.
Existe só para complicar nossa vida, forçando fazer gambiarras contorcionistas ao invés de uma definição CSS simples desse jeito.
Po, Ballmer, muda logo essa joça pra Webkit!!!!
e o chrome como fica?
Caco,
Funciona perfeitamente.
vi por aí, que no ópera usa-se -opera- e não -o-, não tenho o mesmo aqui, testem…
o Chrome funciona normalmente. (:
O Opera suporta a propriedade border-radius sem qualquer prefixo -o- ou -opera-