Tutoriel sans html

Résolu
Bonjour,

je tente de suivre le tutoriel suivant : https://jtauber.github.io/articles/css-hexagon.html
mais je ne comprend pas comment mettre en place la partie html.
pouvez vous me faire un exemple avec la partie en perspective ?

merci de me venir en aide

2 réponses

  1. Modérateur
    Bonjour

    Note au passage que le code html.... c'est celui de la page du tuto...
    Un simple clic droit "inspecter" ... sur l'élément suffit.
    Ou encore... ctrl+u pour voir le code source complet de la page...

    (Le raccourci dépend du navigateur utilisé. ..)
    1. bien vue, je n'est pas encore les bon reflex face au html.
      merci de ton aide
  2. Bonjour
    c'est une simple div sans contenu donc un code similaire a celui-ci suffit
    <div id="madiv"> </div>

    ensuite il faudra définir la div dans le code css comme ceci
    #madiv {
    height: 100px;
    width: 100px;
    border: 30px solid #999;
    }


    tu peux mettre les css soit dans un fichier css externe soit directement intégrés dans le code de ta page ce qui te donnera ceci (exemple très basique)
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    #madiv {
    height: 100px;
    width: 100px;
    border: 30px solid #999;
    }
    </style>
    </head>
    <body>
    <div id="madiv"> </div>
    </body>
    </html>


    Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
    1. merci de l'aide c’était effectivement très simple