Cómo hacer un div con esquinas redondeadas

Question

¿Cómo se hace un div para que las esquinas del borde se redondeen?

¡Gracias a todos!

Answer 1

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

Answer 2

por ejemplo el uso de CSS 3 aquí está el example

Answer 3

Con CSS agregue el código: border-radius: 10px.

Uso 10px por ejemplo, pero puede experimentar con la cantidad de píxeles que desee.

Answer 4

anadir este CSS:

border-top-right-radius:15px; 
border-top-left-radius:15px; 
border-bottom-right-radius:15px; 
border-bottom-left-radius:15px; 

Answer 5

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.