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

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