Patrón
dots / 16px
Salida
radial-gradient(...)
Herramientas de diseño
Patrón de fondo CSS — Puntos, rayas y rejillas
Genera patrones de fondo CSS puros como puntos, rayas, cuadros y rejillas. Ajusta los colores y el tamaño y copia el CSS para rellenos decorativos, marcadores de posición y experimentos visuales.
CSSFondoPatrón
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Patrón de fondo CSS
Genera patrones de fondo CSS puros como puntos, rayas, cuadros y rejillas. Ajusta los colores y el tamaño y copia el CSS para rellenos decorativos, marcadores de posición y experimentos visuales.
Background Style Code
Casos de uso
- Añade fondos de página decorativos
- Crea texturas de marcador de posición
- Prueba patrones repetidos rápidamente
Cómo usar
- Elige un tipo de patrón
- Ajusta los colores y el tamaño
- Previsualiza y copia el CSS
Entrada y salida de ejemplo
FAQ
¿Genera un archivo de imagen?
No. La salida es código de fondo CSS que puedes pegar en hojas de estilos.
¿Puedo definir patrones personalizados?
Los ajustes predefinidos cubren puntos, rayas, cuadros, rejillas y opciones similares. Los patrones más complejos necesitan degradados personalizados.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de degradados CSS
Generador de degradados CSS — Lineal, radial, cónico
Crea visualmente degradados CSS lineales, radiales y cónicos. Ajusta el ángulo y las posiciones de parada, añade varias paradas y copia el CSS para fondos, botones y transiciones de marca.
CSS Degradado Fondo
Glassmorphism CSS
Glassmorphism CSS — Generador de estilo de tarjeta esmerilada
Ajusta color, opacidad, desenfoque y contorno para previsualizar y generar CSS de tarjeta de cristal esmerilado con backdrop-filter. Útil para paneles translúcidos y capas de navegación; todo se ejecuta en el navegador.
CSS Glassmorphism backdrop-filter