Tutoriel sans html

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
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. elgazar Messages postés 5776 Date d'inscription   Statut Membre Dernière intervention   1 330
     
    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.
    0
    1. Utilisateur anonyme
       
      merci de l'aide c’était effectivement très simple
      0
  2. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832
     
    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é. ..)
    0
    1. Utilisateur anonyme
       
      bien vue, je n'est pas encore les bon reflex face au html.
      merci de ton aide
      0