In afara de o culoare solida pentu fond, se poate folosi la fel de bine o fotografie. Pentru a face acest lucru urmareste cu atentie urmatorul exemplu.

Cod:

<table height="100" width="150" background="../img/image.jpg" > <tr><td>Acest text are drept fond o imagine </td></tr> </table>

HTML - Background repetat (tile)
In primul exemplu am avut putin noroc pentru ca imaginea si tabelul au coincis ca si marime. Insa atunci cand tabelul este mai mare decat imaginea, aceasta se va multiplica si repeta la nesfarsit.

Cod:

<table height="100" width="250"

background="../img/image.jpg" >

<tr><td>Acest text are drept fond o imagine </td></tr> </table>

HTML - Patterned Backgrounds
Repetarea unei imagini are o alta aplicatie dupa cum vom vedea in exemplu urmator. Aceasta functie a browser-ului de a repeta imaginea la nesfarsit se poate folosi ca un avantaj si anume, putem crea o imagine foarete mica (cu ajutorul Photoshop sa Corel Paint Shop PRO), de esemplu 4x4 pixeli. Aceasta imagine poate fi un anume model care se va repeta continu.

Imaginea a fost marita pentru a fi vazuta cu claritete.

Cod:

<table height="100" width="150"

background="../../img/pattern.jpg" > <tr><td>This table has a background patterned image</td></tr>

</table>

HTML - Culoare de fond transparenta
O alta metoda de a folosi imagini repetate este fondul transparent. In acest scop vom folosi o imagine ".gif"

Plasarea acestei imagini in background se face exact in aceasi maniera ca si in exemplul anterior.

Cod:

<table background="../../img/transparent.gif" >

<tr><td>This table has a red transparent background image</td></tr>

</table>