How to do a background image with line?

[Stephen3]

How to do a background image have line on image? like this image~

 

[LeetPCUser]

You need CSS

#line
{
 background-image:url(images/line.gif);
 background-repeat:repeat-x;
 height:xxpx;
 width:xxpx;
}

 

[Stephen3]

err... I know the coding, I mean how to design the images have line on it.

 

[monaco]

What do you mean? Like, how to create the line image that repeats? That's just a matter of opening up something like paint and creating an image that's only 1px tall (or wide, if it's a vertical span).

 

[Stephen3]

I've reupload the larger images so can see more clear...
I want to know how to do the /////////////////// line on image

 

[LeetPCUser]

You just did it...

 

[Stephen3]

The image not do by me.. i get it from other website

 

[LeetPCUser]

Oh that is photoshop. You have to make a brush.

http://www.webdesign.org/web/photoshop/textures-&-patterns/background-with-diagonal-lines.1078.html

Here is a tutorial which explains it a bit better.

 

[StudioWorks]

It's very easy. You just create a link and use the background-repeat function in CSS..