Question

I would like to set the background of a cell in HTML table to be like this.

• What are my options besides using an image as background ?
• Are there any predefined backgrounds like this ? Maybe dotted, or diagonal lines backgrounds ?
• In case of image background, if I don’t know in advance what would be the size of the cell, what image size should I take ? How to make it be repetitive so it would look nice ?

Any HTML/CSS/Javascript/jQuery suggestions are welcome 🙂

Answer 1

You’ll have to use a background image for something like that. To make it tiled, you can use the repeat property in the CSS definition.

td .weird-background { 
    background-image: url('/background.gif');
    background-repeat: repeat;
}