Bienvenue sur ce tuto un peu particulier mais trè utile en période d'hiver. Vous allez découvrir que le CSS possède un pouvoir gigantesque. Nous allons créer un sapin uniquement à l'aide du code CSS et HTML. Accrochez vos ceintures, c'est parti ! Tout d'abord voici la structure HTML. Je vous propose de récupérer le code html à partir du ficher car il est un peu long. Pour répurérer le code faites un clic droit sur la page; voir le code source de la page. Ensuite faites un copier/coller dans votre éditeur.
Structure html du tuto

Voilà tout le monde est là avec son html?? Alors on y va pour la mise en page.

Tout d'abord, on va poser les bases et s'occuper des balises principales :


Ensuite, nous allons nous occuper du fond:


Maintenant nous alons créer la base du sapin et le sol:


Voici maintenant le corps du sapin.


Enfin, la touche finale pour égayer le texte et le décor.

Et voilà vous avez réaliser un superbe sapin uniquemment en CSS. Cette technique permet d'agrémenter des design de sites à l'aide uniquement du CSS sans passer par une image.
Voici ce que vous devriez avoir comme résultat. Mon beau sapin !!!
Je tiens à préciser que cet exercice à était réalisé par mon amie L.G (anonymat oblige).