Generador de bordes redondeados CSS
Esquina superior izquierda (px)：
Esquina superior derecha (px)：
Esquina inferior derecha (px)：
Esquina inferior izquierda (px)：
¿Qué es el generador de bordes redondeados CSS?
El generador de bordes redondeados CSS proporciona una herramienta para generar el radio de borde CSS, permitiendo ingresar valores de ángulo en cuatro direcciones para ver el efecto y generar código CSS.
Propiedad CSS3 border-radius
| Propiedad | Descripción |
|---|---|
| border-radius | Define el radio del borde del elemento |
| border-top-left-radius | Define el radio de la esquina superior izquierda. |
| border-top-right-radius | Define el radio de la esquina superior derecha. |
| border-bottom-right-radius | Define el radio de la esquina inferior derecha. |
| border-bottom-left-radius | Define el radio de la esquina inferior izquierda. |
Nuestra herramienta utiliza la primera forma, que es una abreviatura de las otras sintaxis. Por ejemplo:
border-radius: 10px 10px 10px 10px; El primer valor se aplica a la esquina superior izquierda, el segundo a la esquina superior derecha, el tercero a la esquina inferior derecha y el cuarto a la esquina inferior izquierda.
¿Cómo usar el generador de bordes redondeados CSS?
- Establezca los valores de las propiedades: superior izquierda (px), superior derecha (px), inferior derecha (px), inferior izquierda (px).
- El código generado y el efecto se mostrarán en el área izquierda.
- Haga clic en el botón "Copiar" para copiar su código CSS de radio de borde.