CSS esquinas redondeadas Divs

¿Cómo puedo hacer sólo uno o dos o tres esquinas de una ronda div?CSS esquinas redondeadas Divs

2010-12-13 Moon

Advertencia: ninguna de las soluciones hasta ahora ofrecía trabajos con IE <= 8. – egrunin

No puedo creer que esto no es un duplicado :) – Trufa

oh sí ... En realidad no es ... – Moon

Especificar las esquinas que desee:

border-top-left-radius: 10px 5px; 
border-bottom-right-radius: 10% 5%; 
border-top-right-radius: 10px;

http://www.css3.info/preview/rounded-border/

Fuente

2010-12-13 17:49:17 idlefingers

Alternativamente para tres esquinas redondeadas, redondea todas las esquinas ('radio del borde: 15px; ') y luego gira alrededor desactivado en la esquina no lo quiere activar ('border-top-left-radius: 0px;'). – jball

Aquí es un gran recurso que puede resultar útil para hacerlo para usted y para aprender.

http://borderradius.com/

Buena suerte!

Bueno contestarle pregunta (aparte de la herramienta):

Una de las esquinas (arriba a la izquierda):

-webkit-border-top-left-radius: 10px; 
-moz-border-radius-topleft: 10px; 
border-top-left-radius: 10px;

dos esquinas (arriba a la izquierda y derecha):

-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px;

Tres esquinas (arriba a la izquierda y derecha y abajo a la derecha)

-webkit-border-radius: 10px; 
-webkit-border-bottom-left-radius: 0; 
-moz-border-radius: 10px; 
-moz-border-radius-bottomleft: 0; 
border-radius: 10px; 
border-bottom-left-radius: 0;

Y así sucesivamente ...

Todo un radio de 10 píxeles, muy fácil de hacer con la herramienta que recomiendo.

BTW: No te pierdas idlefingers 'respuesta, muy buen recurso!

Consulte también: Creating rounded corners using CSS

Fuente

2010-12-13 17:50:13 Trufa

+1: http://css3generator.com/ es útil también. – joksnet

@joksnet ¡De hecho, no lo sabía pero se veía genial! ¡Voy a darle una oportunidad! – Trufa

También verifique la respuesta de egrunin que le dará opciones si quiere ver otra opción que podría ser más compatible. – Trufa

-1

Ninguna de las otras respuestas trabajar con Internet Explorer 8, así que aquí tiene un enlace con muchos soluciones posibles:

DevWebPro

Fuente

2010-12-13 17:59:20 egrunin

¡Me ganaste! :) – Trufa

@Akinator: elegí por orden de llegada ... aún así Lotta lotta lotta gracias por el código ... – Moon

@Junaid Saeed ¡No hay problema! Me alegra ayudar y creo que tomaste la decisión correcta. :) – Trufa

uso de la frontera de radio

border-radius:5px;

furt su Link

Fuente

2016-08-10 13:16:59

Respuesta

Cuestiones relacionadas