How+to+-+CSS+background+Patterns

Hey guys! want to know how to make a patterned background like this? Yea yuh do! okok scroll down and I've created a little step-by-step guide for you



1. Open a new Illustrator file. I've made mine 20 x 20 pixels because it's the size that I wanted each one of my tiles to be. Fell free to make yours bigger or smaller to change the style of your layout.



2. Once you've done your design, save for web and devices. P.S: I made a simple "X" but you could do something different, play around to see what you come up with. Just keep in mind that the more complex you make it, the easier someone could get lost in the background. Maybe keeping it simple is better.



3. Save it as a PNG and don't forget what you saved it as! you'll need this for your CSS coding.



4. Alright, last step. Add your background into your body and make sure to put "repeat". If not, you'll just have one image show up. And that's it! simple eh? YAY! :D ok good day.