Programare: Background 18/23

[kenzake powah!]

În afară de o culoare simplă pentu fond, se poate folosi şi o fotografie.

<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)

Atunci când tabelul este mai mare decît imaginea, aceasta se va multiplica şi repetă la nesfârşit.
<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 altă aplicaţie . Această funcţie a browser-ului de a repeta imaginea la nesfârsit se poate folosi ca un avantaj şi anume, putem crea o imagine foarte mică (cu Photoshop sau Corel Paint Shop PRO), de exemplu 4x4 pixeli. Această imagine poate fi un anume model care se va repeta continu.



Imaginea a fost marită pentru a fi văzută cu claritate.

<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 transparentă

O altă metodă de a folosi imagini repetate este fondul transparent. Vom folosi o imagine ".gif"

Plasarea acestei imagini în background se face exact în aceeaşi manieră ca şi în exemplul anterior.

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

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

</table>