Foros del Web » Creando para Internet » CSS »

border radius solo en determinadas esquinas

Estas en el tema de border radius solo en determinadas esquinas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/03/2010, 09:42
 
Fecha de Ingreso: diciembre-2009
Mensajes: 612
Antigüedad: 8 años
Puntos: 16
border radius solo en determinadas esquinas

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?
  #2 (permalink)  
Antiguo 13/03/2010, 09:49
 
Fecha de Ingreso: agosto-2009
Ubicación: Al fondo a la derecha
Mensajes: 308
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: border radius solo en determinadas esquinas

-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
__________________
Abre tu mente: Index no signigica index, significa índice
  #3 (permalink)  
Antiguo 10/10/2012, 14:59
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 5 años, 11 meses
Puntos: 29
Respuesta: border radius solo en determinadas esquinas

Cita:
Iniciado por iLeaz Ver Mensaje
-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
  #4 (permalink)  
Antiguo 10/10/2012, 16:49
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2099
Respuesta: border radius solo en determinadas esquinas

Puedes usar border-radius.

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

Por ejemplo:
Código CSS:
Ver original
  1. #algo {
  2.     border-radius: 10px 5px 0 10px;
  3. }

Creo que con IE8 no funciona. Pero está en plena agonía.
__________________
Twitter: @zinhard

Tengo una web donde hago lo que quiero.
  #5 (permalink)  
Antiguo 10/10/2012, 19:38
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: border radius solo en determinadas esquinas

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

Muchachos el tema es de 2010!!!!


Patilanz fijate esto:
Código CSS:
Ver original
  1. arriba-izquierda{border-top-right-radius:10px;}

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

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: border, esquinas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:43.