Partie "Contenu"
ACCUEIL <<< Assistant & CSS <<<
![]() |
![]() |
![]() |
![]() |
![]() |
|

En mauve sur l'image
Partie "Contenu"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Marge intérieure haute | padding-top | Dimension (ex: 10px) | |
| Marge intérieure gauche | padding-left | Dimension (ex: 10px) | |
| Marge intérieure droite | padding-right | Dimension (ex: 10px) | |
| Marge intérieure basse | padding-bottom | Dimension (ex: 10px) | |
| Marge extérieure haute | margin-top | Dimension (ex: 10px) | |
| Marge extérieure gauche | margin-left | Dimension (ex: 10px) | |
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
#contenu
{
background : #FFEFBD;
color:#336699;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
text-align : left;
}
{
background : #FFEFBD;
color:#336699;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
text-align : left;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Hauteur | height | Dimension en pixels (ex : 200px) | |
| Marge intérieure gauche | padding-left | Dimension (ex: 10px) | |
| Marge intérieure droite | padding-right | Dimension (ex: 10px) | |
| Marge extérieure haute | margin-top | Dimension (ex: 10px) | |
| Marge extérieure gauche | margin-left | Dimension (ex: 10px) | |
| Marge extérieure droite | margin-right | Dimension (ex: 10px) | |
| Marge extérieure basse | margin-bottom | Dimension (ex: 10px) | |
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
#contenu h3
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Puces de la liste | list-style-type | Forme de puce (ex : disc,circle,square,none) | |
| Marge extérieure gauche | margin-left | Dimension (ex: 10px) |
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
{
list-style-type : square;
margin-left : 15px;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration | ||
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
{
background : #FFEFBD;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration |
#contenu a:hover
{
background : #FFFFFF;
color : #000400;
text-decoration : none;
}
{
background : #FFFFFF;
color : #000400;
text-decoration : none;
}









Commentaires
bewaars le 14/11/2009 à 05:37:04bonjour jaimeraisavoir comen on mai d cursseur pour mlonter ou dessendre pour maitre le contenu come sa pour aler vite svp
merci davajnce
PapyClic le 14/11/2009 à 09:04:35
Bonjour Bewaars
Je pense que tu veux savoir pour changer les couleurs des barres de défilement, pas possible de t'expliquer ici, postes sur le forum BLOG4EVER.
Regardes mes générateurs de DIZ, ça peut t'aider.
h ttp://diztest.blog4ever.com/blog/lire-article-205392-1380238-generateur_diz1.html
Bonne pioche