Les Bordures

Dans ce chapitre, nous allons nous mettre aux bordures, à la transparence, enfin toute ces petites choses là. Nous allons d'abord travailler avec les bordures. Il existe divers bordures :

Il y en a pas mal, n'est-ce pas ? Bon voici une page html qui comporte quelque bordure :

On fait ses étapes ci :
- On écrit l'instruction border,
- On met la taille de la bordure (en pixel (px)),
- On met la couleur de la bordure,
- On met le type de bordure.
Voici le résultat.
Comme vous avez vu, on peut faire de jolie chose avec des bordures.
Mais il existe aussi un moyen de faire des coins arrondis ! Pour cela, on va utiliser border-radius. Regardez mon paragraphe !
Il a des bords arrondis ! Et bien une partie de style.css :

Honnêtement, j'ai enlevé 2 choses qu'on va apprendre a utiliser juste après :
margin et opacity.

La transparence

Comme son nom l'indique, on peut rendre quelque chose transparent.
Et bien, pour cela on va utiliser une nouvelle technique qui est apparu dans le CSS3 :
opacity.
Pour cela, on va choisir un nombre flottant entre 0 et 1.
Plus le chiffre est proche de 0, plus la chose en personne et transparent et plus le chiffre est proche de 1, plus il est opaque.
Reprenons le texte de tout à l'heure mais en rajoutant cela :

Cela nous donne ceci.

L'espacement entre les côtés et les bordures

On va maintenant apprendre comment faire un espacement entre quelque chose (liens, bordures...) et les côtés de votre site.
Il faut tout simplement utiliser margin. Il existe quatres types de margin :
- margin-left (l'espacement gauche)
- margin-top (l'espacement haut)
- margin-right (l'espacement droit)
- margin-bottom (l'espacement bas)
Maintenant on va utiliser ceci pour notre bordure.

margin est très utile quand on fait un <div>
En attendant voici le résultat
Allez, j'espère que vous avez compris ce système, maintenant passons au question.