Bienvenido invitado. Ingresar or Registrarse

1 Respuestas

Hacer bordes redondeados con CSS 3?

Preguntado por: 2232 vistas , , , ,
Preguntas

Se que con los nuevos navegadores y con CSS3 existe la posibilidad de hacer border redondeados sin usar imagenes o markup adicionales. 

Cuál es la forma correcta de aplicar esquinas redondeadas en HTML y que se vea bien en todos los navegadores?

1 Respuestas



  1. josedaniel on dic 21, 2010 Responder

    En un elemento tipo block, basta con usar la regla border-radius. Explorer no la soporta y en el pasado, Firefox, Safari y Chrome requerían un prefijo adicional para usarla. Asi que lo mejor es usarla de esta manera:

    1. Markup:
    <div id="micapa">contenido</div>

    2. CSS:
    #micapa{
    border-radius:1em;
    -webkit-border-radius:1em;
    -moz-border-radius:1em;
    }

    +3 Votos Voto positivo 3 Votes Voto negativo 0 Votes


Responder pregunta

120x60-green