De fond différente pour chaque page?

Je suis en train d'essayer de trouver la meilleure façon de donner à chaque page (à partir de ma barre de navigation) dans mon site un "différent" photo d'arrière-plan. Il semble qu'une fois de l'arrière plan est sélectionné qu'elle reste constante pour toutes les pages suivantes.

J'ai d'Accueil, a Propos et Contact moi les liens dans ma barre de navigation. Mon but est d'avoir une photo d'arrière-plan lorsque les visiteurs cliquent sur ma page d'Accueil, une autre photo d'arrière-plan lors d'un clic Sur la page, troisième photo d'arrière-plan lorsqu'ils cliquent sur ma page de Contact, etc.

Est-il un moyen facile de faire cela?

Voici mon code pour l'instant:

<ul>
    <li><a href="home.html">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>

Mon CSS ressemble à ceci:

body {background-image:url(greentea.jpg);}
  • faire des feuilles de style en ligne pour toutes les pages
  • Je serais prudent sur de trop nombreux horizons photo: il peut paraître jolie, mais ne fait rien pour rendre un site plus facile à utiliser
  • Une des façons simples serait de nommer les fichiers d'arrière-plan même de votre page et à l'aide d'un simple script JavaScript pour le faire pour vous à chaque fois.
  • Salut! Je ne suis qu'un débutant en HTML et CSS. J'ai entendu dire que c'est mieux de le faire en CSS séparément. Pourriez-vous être plus précis et peut-être me donner un exemple de comment le faire? Merci!
InformationsquelleAutor C. Felipe | 2013-05-20