Blue Flower

Style des bordures.

La balise class.

Dans la feuille de styles, on aura :

p.exemple {
font-size: x-small;
border-left: solid blue 2px;
border-top: solid blue 2px;
border-right: solid blue 2px;
border-bottom: solid blue 3px;
background-image: url("image.png");
background-attachment: fixed;
}

Décryptage

font-size: x-small; taille de la police
border-left: solid blue 2px; la bordure de gauche en bleu
border-top: solid blue 2px; la bordure du dessus en bleu
border-right: solid blue 2px; la bordure de droite en bleu
border-bottom: solid blue 3px; la bordure du dessous plus épaisse en bleu
background-image: url("image.png"); une image de fond
background-attachment: fixed; l'image est fixe

La balise div.

Si l'on veut mettre plusieurs paragraphe ou bien des listes, on doit utiliser le conteneur div.

Dans la feuille de styles, on aura :

div.exemple { 
font-size: x-small;
border-left: solid blue 2px;
border-top: solid blue 2px;
border-right: solid blue 2px;
border-bottom: solid blue 3px;
background-image: url("image.png");
background-attachment: fixed; 
}

Décryptage

font-size: x-small; taille de la police
border-left: solid blue 2px; la bordure de gauche en bleu
border-top: solid blue 2px; la bordure du dessus en bleu
border-right: solid blue 2px; la bordure de droite en bleu
border-bottom: solid blue 3px; la bordure du dessous plus épaisse en bleu
background-image: url("image.png"); une image de fond
background-attachment: fixed; l'image est fixe