¿Cómo se hace un div para que las esquinas del borde se redondeen?Cómo hacer un div con esquinas redondeadas
¡Gracias a todos!
¿Cómo se hace un div para que las esquinas del borde se redondeen?Cómo hacer un div con esquinas redondeadas
¡Gracias a todos!
aquí está:
<style type="text/css">
div.test
{
width: 115px;
padding: 10px;
border: 2px solid #000;
border-radius: 15px;
-moz-border-radius: 15px;
}
</style>
<div class="test">This is some text!</div>
-SilverHorn
por ejemplo el uso de CSS 3 aquí está el example
Con CSS agregue el código: border-radius: 10px
.
Uso 10px por ejemplo, pero puede experimentar con la cantidad de píxeles que desee.
anadir este CSS:
border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
utilizar la propiedad border-radius
. Cuanto mayor sea la cantidad especificada (generalmente en px
), más redondeada será su forma. Ejemplo:
myDiv { border-radius:30px;}
Espero que ayude.
Lo mejor es que recuerdes usar prefijos como "moz" (para Mozilla) y "webkit" (para Safari y Chrome). Tal vez haya más que yo desconozca. – SilverHorn