par
Victor BRITO » 22 avr. 2008, 14:42
Une couleur d'arrière-plan occupera tout l'espace disponible pour le bloc en question, à l'exception des marges extérieures (margin).
Par conséquent, si tu veux que ta couleur d'arrière-plan occupe 100 pixels de largeur, il faut que le bloc qui le reçoive ait une largeur de 100px. Plusieurs cas de figure se présentent :
Code : Tout sélectionner
/* Élément de bloc sans padding */
div {
width: 100px;
background: red;
}
/* Élément en ligne sans padding */
span {
display: block;
width: 100px;
background: red;
}/* Élément de bloc avec padding */
div {
width: 80px;
padding: 0 10px;
background: red;
}
/* Élément en ligne avec padding */
span {
display: block;
width: 80px;
padding: 0 10px;
background: red;
}
Une couleur d'arrière-plan occupera tout l'espace disponible pour le bloc en question, à l'exception des marges extérieures (margin).
Par conséquent, si tu veux que ta couleur d'arrière-plan occupe 100 pixels de largeur, il faut que le bloc qui le reçoive ait une largeur de 100px. Plusieurs cas de figure se présentent :
[code]/* Élément de bloc sans padding */
div {
width: 100px;
background: red;
}
/* Élément en ligne sans padding */
span {
display: block;
width: 100px;
background: red;
}/* Élément de bloc avec padding */
div {
width: 80px;
padding: 0 10px;
background: red;
}
/* Élément en ligne avec padding */
span {
display: block;
width: 80px;
padding: 0 10px;
background: red;
}[/code]