Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5857 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120057 Formes géométriques | | Coucou Quelques codes pour faire des formes géométrique, comme ceci plus besoin d'images. Dans le code remplace le mot: VOTRE COULEUR? par votre numéro de couleur correspondante à tes attentes Pour un carré: Code HTML - Code:
-
<div id="carre"></div> Code CSS - Code:
-
#carre { height: 30px; width: 30px; background:VOTRE COULEUR; -ms-transform: rotate(45deg); /* Internet Explorer */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari et Chrome */ -o-transform: rotate(45deg); /* Opera */ } ---------------------------------------------------------- Faire un triangleCode HTML - Code:
-
<div id="triangle"></div> Code CSS - Code:
-
#triangle { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 30px solid VOTRE COULEUR; } ---------------------------------------------------------- Pour un rond Code HTML - Code:
-
<div id="cercle"></div> Code CSS - Code:
-
#cercle { width: 40px; height: 40px; border-radius: 20px; background: VOTRE COULEUR; } ---------------------------------------------------------- Faire un oval Code HTML - Code:
-
<div id="ovale"></div> Code CSS - Code:
-
#ovale { width: 60px; height: 40px; border-radius: 60px / 40px; background: VOTRE COULEUR; } |
| |