A voir également:
- Les feuilles de style CSS
- Style word - Guide
- Comment faire un livret avec des feuilles a4 - Guide
- Fusionner feuilles excel - Guide
- Nom pour facebook stylé - Guide
- Feuille de pointage excel - Télécharger - Tableur
3 réponses
Utilisateur anonyme
17 oct. 2008 à 18:14
17 oct. 2008 à 18:14
ça c est un petit site genial pour t expliquer tu vas comprendre en utilisant
http://www.qrone.org/cssdesigner.html
http://www.qrone.org/cssdesigner.html
Utilisateur anonyme
17 oct. 2008 à 18:16
17 oct. 2008 à 18:16
bonsoir,
voilà un exemple :
body { font-family:'Comics Sans MS','arial','Trebuchet MS';
background-color:black;
background-image:url(../images/montageassociation3.jpg);
background-repeat:no-repeat;
background-position:center 20px;
}
/****************************************/
.liens {
font-size: 0.9em;
list-style-type:none;
text-decoration: none;
color:#FFFFFF;
}
.liens a:link {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
.liens a:visited {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
/**********************************************/
.liens a:hover {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FF0000;
}
/*************************************/
.liens a:active {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
/*************************************/
/*************************************/
/****************************************/
.evenements {
font-size: 1.0em;
list-style-type:none;
text-decoration: none;
color:#00FF00;
}
.evenements a:link {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#00FF00;
}
.evenements a:visited {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#00FF00;
}
/**********************************************/
.evenements a:hover {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
/*************************************/
.evenements a:active {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#00FF00;
}
et la mise en oeuvre :
<head>
<link rel="stylesheet" HREF="css/stylea2x.css" TYPE="text/css">
</head>
voilà un exemple :
body { font-family:'Comics Sans MS','arial','Trebuchet MS';
background-color:black;
background-image:url(../images/montageassociation3.jpg);
background-repeat:no-repeat;
background-position:center 20px;
}
/****************************************/
.liens {
font-size: 0.9em;
list-style-type:none;
text-decoration: none;
color:#FFFFFF;
}
.liens a:link {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
.liens a:visited {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
/**********************************************/
.liens a:hover {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FF0000;
}
/*************************************/
.liens a:active {
font-size: 0.9em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
/*************************************/
/*************************************/
/****************************************/
.evenements {
font-size: 1.0em;
list-style-type:none;
text-decoration: none;
color:#00FF00;
}
.evenements a:link {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#00FF00;
}
.evenements a:visited {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#00FF00;
}
/**********************************************/
.evenements a:hover {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#FFFFFF;
}
/*************************************/
.evenements a:active {
font-size: 1.0em;
text-decoration: none;
list-style-type:none;
color:#00FF00;
}
et la mise en oeuvre :
<head>
<link rel="stylesheet" HREF="css/stylea2x.css" TYPE="text/css">
</head>