Plaid & Checkerboard Background CSS Generator

Create custom plaid and checkerboard backgrounds with CSS using this free online generator.
Adjust the line color, width, spacing, pattern position, and background color while checking the result with a real-time preview.
Copy the generated CSS code and use it directly in your website or web project.

background-color: #ffffff;
background-image: linear-gradient(90deg, #0769D580 20px, transparent 20px), linear-gradient(#0769D580 20px, transparent 20px);
background-position: 10px 10px;
background-size: 40px 40px;