Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Couleur de fond	background	Choisir
Largeur	width		Dimension en pixels (ex : 200px)
Marge extérieure haute	margin-top		Dimension (ex: 10px)
Taille de la bordure	border-width		Dimension (ex:2px)
Style de la bordure	border-style	pleinpointillé (tirets)pointillé (points)double
Couleur de la bordure	border-color	Choisir

 

CSS de cette règle :

 

#menu ul li
{
background : #FFFF00; /* jaune */
width : 170px;
margin-top : -1px;
border-width : 1px;
border-style : solid;
border-color : #669900; /* vert */
}

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)
Taille de la police	font-size		ex: 10pt
Famille de la police	font-family		ex: Arial, Verdana, Trebuchet MS

 

CSS de cette règle :

 

#menu ul li a
{
background : #FF9900; /* orange */
color : #669900;      /* vert */
width : 170px;
font-size : 10pt;
font-family : Arial;
line-height : 25px;
}

Partie "Menu > liens au survol"

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	AucuneSoulignéSurlignéClignotant

 

CSS de cette règle :

 

#menu ul li a:hover
{
background : #99FF99;  /* vert clair */
color : #FF6699;            /* orange */
text-decoration : none;
}

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)
Taille de la police	font-size		ex: 10pt
Taille de la bordure	border-width		Dimension (ex:2px)
Style de la bordure	border-style	pleinpointillé (tirets)pointillé (points)double
Couleur de la bordure	border-color	Choisir

 

CSS de cette règle : 

 

#menu h2
{
background : #CC3300; /* marron */
color : #FFFF00;           /* jaune */
width : 170px;
height : 25px;
font-size : 15pt;
border-width : 1px;
border-style : solid;
border-color : #000000; /* noir */
text-align : center;
}