Dépannage informatique à domicile NCT Micro
  Cliquez ici pour vous abonner à ce flux RSS  

premier paragraphe de texte

deuxième paragraphe de texte


Dans le flux courant, les deux conteneurs sont l'un sous l'autre. Pour supprimer l'effet de blanc entre les deux blocs, il a été renseigné (margin-bottom: 0;)


Codage CSS de l'exemple:

/* corps de page de couleur bleue */
body {
background-color: #297cbc;
}

/* bloc div de couleur jaune */
div {
width: 300px;
height: 200px;
background: yellow;

}

/* bloc paragraphe de couleur orange */
p#premier {
width: 100px;
background: orange;

}

/* bloc paragraphe de couleur verte */
p#second {
width: 150px;
background: green;

}

/* marges de paragraphe à 0 pour structurer les blocs */
p {
margin : 0;
}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/background.css);</style>
< /head>
< body>
<div id="conteneur">
< p id="premier">premier paragraphe de texte</p>
< p id="second">deuxième paragraphe de texte</p>
< /div>
< /body>
< /html>