Ever had a background image that you wanted only to repeat once on the x-axis or the y-axis. Here's some simple CSS to do it with! This is great for creating boxes to type stuff in!

Repeat-X:

Code:
.repeatx {
background-image:url(repeat.jpg);
background-repeat:repeat-x;
background-position:center
}
Repeat-Y:
Code:
.repeaty {
background-image:url(repeat.jpg);
background-repeat:repeat-y;
background-position:center
}
Hope you enjoyed this tut! It's very useful for image based sites!