border radius solo en determinadas esquinas

[millan2525]

Buenas, quería redondear con border radius las esquinas, pero en dos sitios, solo la superioras y en otro las inferioras(para que quede bonito, dentro de un div con esquinas redondeadas, las esquinas que le siguen también las quiero redondeadas... ¿se puede?

[iLeaz]

-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

[patilanz]

Iniciado por iLeaz

-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

Hola probe tu codigo y no me funciona...

Seria que no lo estoy usando bien???

Me puedes decir como se usa y si funciona en chrome??


Saludos

[pzin]

Puedes usar border-radius.

border-radius: superior izquierda, superior derecha, inferior derecha, inferior izquierda

Por ejemplo:

Código CSS:

#algo {
    border-radius: 10px 5px 0 10px;
}
 

Creo que con IE8 no funciona. Pero está en plena agonía.

[C2am]

Edito, yo también me comí el amague.

Muchachos el tema es de 2010!!!!


Patilanz fijate esto:

Código CSS:

arriba-izquierda{border-top-right-radius:10px;}
 

http://www.w3schools.com/cssref/css3...eft-radius.asp

Saludos