Bordas redondas com CSS

Postado por: Pedro Rogério 7 de novembro de 2008

Segue 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.

Categorias: CSS Tags:

Comentários
7 de novembro de 2008
# 1

Para IE uso Jquery. Fica bom tbm…
http://www.methvin.com/jquery/jq-corner-demo.html

Postado por Mateus
8 de novembro de 2008
# 2

Muito fera, infelizmente para o nosso querido IE (brincadeira né) hahaha só Javascript para salvar :(

Postado por Neto
13 de novembro de 2008
# 3

IE um navegador “quadrado”…

Postado por Leandro
13 de novembro de 2008
# 4

Ninguém usa o IE mesmo né… pra que pensar nele.

Postado por Diego
14 de novembro de 2008
# 5

A propriedade do Opera não funciona mais… :-(

Postado por Leonardo Antonioli
18 de novembro de 2008
# 6

É, no Opera não rolou… =/
Mas valeu a info!

Postado por Dina
2 de dezembro de 2008
# 7

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!!!!

Postado por Lourenzo Ferreira
Quer comentar?

(Obrigatório)

(Obrigatório)