design
Gratis
Sin registro
Generador de bordes y contornos CSS
Construya visualmente bordes, contornos y box-shadows CSS con vista previa en vivo y salida de código instantánea.
Cargando la herramienta…
Acerca de esta herramienta
Un constructor visual para estilos de borde y contorno CSS. Controle el ancho, estilo, color del borde y el border-radius por esquina, o personalice cada lado (top, right, bottom, left) individualmente. Añada contornos con desplazamiento configurable y use box-shadow como alternativa al borde. La vista previa en vivo se actualiza instantáneamente y el CSS generado siempre está listo para copiar.
Cómo usar
- 1 Paso 1: Elija entre el modo 'All sides' o 'Individual sides' para controlar los bordes de forma uniforme o por lado.
- 2 Paso 2: Ajuste el ancho, estilo y color del borde mediante los controles, y establezca el border-radius por esquina o de forma uniforme.
- 3 Paso 3: Active las secciones de Outline o Box Shadow para añadir esos estilos a su elemento y configurar sus opciones.
- 4 Paso 4: Haga clic en 'Copy CSS' para copiar el código CSS generado y luego péguelo en su proyecto.