El radio del borde controla la redondez de las esquinas de los elementos. Los diferentes valores de radio crean diferentes sensaciones de diseño: desde nítidos y profesionales hasta suaves y amigables.
Ajuste cada esquina de forma independiente usando los controles deslizantes. La vista previa se actualiza en tiempo real. Copie el código CSS para su proyecto.
Frequently Asked Questions
Q: ¿Puedo establecer radios diferentes para cada esquina?
¿Puedo establecer radios diferentes para cada esquina? Sí, use el formato: radio de borde: arriba a la izquierda, arriba a la derecha, abajo a la derecha, abajo a la izquierda.
Q: ¿Cuál es el mejor radio de borde para una tarjeta?
¿Cuál es el mejor radio de borde para una tarjeta? 12-16px es el punto ideal para las tarjetas en la mayoría de los diseños modernos.
Q: ¿Qué valores de radio de borde debo usar para diferentes elementos?
¿Qué valores de radio de borde debo usar para diferentes elementos? Las tarjetas suelen utilizar 8-16 px, botones 4-8 px, modales 12-20 px y avatares 50 % para los círculos. Utilice valores más grandes en elementos más grandes para lograr coherencia proporcional.
Q: ¿Cómo creo un botón en forma de pastilla?
¿Cómo creo un botón en forma de pastilla? Establezca el radio del borde en un valor muy grande como 999 px. El navegador lo limitará a la mitad de la altura del elemento, creando automáticamente una forma de píldora independientemente del tamaño del botón.
Q: ¿Puedo aplicar radios diferentes en cada esquina?
¿Puedo aplicar radios diferentes en cada esquina? Sí, los cuatro controles de esquina individuales le permiten establecer valores únicos para las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda. Esto es útil para elementos de diseño direccionales.