Les feuilles de style CSS
Bonjour,
s'il vous plaît je veux savoir comment on écrit une classe de style?
s'il vous plaît je veux savoir comment on écrit une classe de style?
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
c très simple, tu n'as qu'à apprendre le css.
-
ça c est un petit site genial pour t expliquer tu vas comprendre en utilisant
http://www.qrone.org/cssdesigner.html -
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>
