¿Cómo configurar el estilo de esquina redondeada de un botón usando código CSS?

Utilice código CSS para configurar el estilo de esquina redondeada del botón. Esto solo se puede lograr en css3. Este efecto se logra usando border-radius, pero existen problemas de compatibilidad con el navegador, -moz (por ejemplo). -moz -border-radius) para Firefox; -webkit (por ejemplo: -webkit-border-radius) para Safari y Chrome; border-radius: 5px 15px 20px 25px; la esquina superior redondeada 5px; la esquina derecha redondeada 15px; , la esquina redondeada inferior es de 20 px y la esquina redondeada izquierda es de 25 px. Veámoslo con un ejemplo:

lt; div id="round"gt; p> #redondo {

relleno: 10px; ancho: 300px; alto: 50px;

borde: 5px sólido #dedede; radio: 15px; sintaxis * /

}

El efecto se muestra a continuación: