4: Jeu Morpion

Dans les pages suivantes on va écrire un petit morpion en HTML, CSS et JavaScript

Commençons par le HTML et le CSS uniquement.

  • Créez un tableau HTML 3x3
  • En CSS utilisez width et height pour agrandir les cases.
  • Utilisez :hover pour changer la couleur de la case survolée par la souris.
  • Utilisez border-collapse: collapse; sur table (pas sur les cases td) pour obtenir une bordure unique.
  • Rajoutez à la main des X et faites en sorte qu'ils s'affichent bien


La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.