Le sujet souvent récapitule les propriétés CSS les plus courantes, (à insérer dans un style ou dans la feuille de style CSS^^) Chaque propriété, finit obligatoirement par un pont virgule!
A savoir, les couleurs sont représentés par des codes de six chiffres/lettres et précédés d'un diez
Le noir : #000000 ou #000
le blanc : #ffffff ou #fff
Rouge : #FF0000
Le blanc et le noir sont les seuls couleurs que l'on peut raccourcir par trois chiffres/lettres !
→ Un site qui vous permettra de trouver les codes couleurs sans passer par un logiciel de graphisme :
http://www.colorpicker.com/Le cadre en lui même :
- Code:
-
background-color:#000000; /*Couleur de fond*/
border ?px solid #000000; /*bordure*/
→ Solid est la bordure la plus classique et la plus simple utilisée, mais il existe différents types de bordures, les voici :
- Spoiler:
Il vous suffit donc de remplacer "solid" par le nom de la bordure que vous souhaitez!
- Code:
-
border-radius:?px; /* arrondir les angles de votre cadre*/
box-shadow: ?px ?px ?px #000000; /* mettre une ombre autour de votre cadre*/
width:?px; /*largeur de votre cadre*/
height:?px;/*hauteur de votre cadre*/
padding:?px; /* marge intérieure de votre cadre, pour que le texte ne soit pas collé à la bordure*/
margin:?px; /* marge extérieure de votre cadre*/
Le texte à l'intérieur:
- Code:
-
color:#000000; /*couleur du texte*/
font-style: ....; /*mettre italic (italique) ou underline (souligné) */
font-family: ??? ; /*nom de la police d'écriture*/
font-size :?px ; /*taille du texte*/
text-align: ....; /*mettre center (centrer) justify (justifier) right (droit) */
text-shadow: 3px 3px 3px #000000; /*ombre autour du texte*/
Le reste des propriétés est dissimulés, il faudra répondre à la suite (un merci par exemple) pour les voir !