FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

CSS: border-radius

2 may. 2014

¿Cuantas veces me han preguntado como poner las puntas de tal o cual o cosa para que se vean redonditas?
Si quieres que las cuatro puntas se vean igualmente redondeadas, como lo ves justo en este ejemplo, puedes colocar lo que sigue a continuación:
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
Y obviamente cambiar el 10 por el valor que ustedes quieran; las tres líneas que aparecen sirven para lo mismo, pero tienen que poner las 3 ya que sirven para que se vean en diferentes exploradores.

También puedes elegir que dos puntas se vean redondeadas y las otras dos no, como lo ves en este ejemplo. En ese caso lo que deberías elegir es:
border-radius: 0px 10px 0px 10px;
-moz-border-radius: 0px 10px 0px 10px;
-webkit-border-radius: 0px 10px 0px 10px;

++ border-radius: arriba izquierda | arriba derecha | abajo derecha | abajo izquierda

Ya queda en ustedes ver cómo lo quieren poner y recuerden que el valor 0 es para que las puntas se vean normal.

No hay comentarios :

Publicar un comentario