A voir également:
- Styles CSS
- Styles word - Guide
- Telecharger styles yamaha a1000 gratuit - Télécharger - Audio & Musique
- Css exposant ✓ - Forum CSS
- Css premier plan ✓ - Forum CSS
- Enlever couleur lien css ✓ - Forum CSS
3 réponses
dans le css
.url1 {
font-family: arial, helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #409fbf;
}
.url2 {
<<valeurs différentes au choix>>
}
dans le HTML
<FONT class="url1"><a href="...">..</></FONT>
<FONT class="url2"><a href="...">..</></FONT>
.url1 {
font-family: arial, helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #409fbf;
}
.url2 {
<<valeurs différentes au choix>>
}
dans le HTML
<FONT class="url1"><a href="...">..</></FONT>
<FONT class="url2"><a href="...">..</></FONT>
dedale82
Messages postés
403
Date d'inscription
jeudi 15 avril 2004
Statut
Membre
Dernière intervention
28 octobre 2008
282
2 juin 2004 à 14:40
2 juin 2004 à 14:40
Salut,
tu peux definir des styles differents pour des liens en utilisant des classes, dans ta balise <a href> tu rajoute class="nom de la classe", puis dans ton fichier css, tu definis les caracteristiques de ta classe :
.nom de la classe {caracteristique1 ; caracteristique 2}.
Si j'ai bonne mémoire, c'est comme ca qu'il faut faire.
tu peux definir des styles differents pour des liens en utilisant des classes, dans ta balise <a href> tu rajoute class="nom de la classe", puis dans ton fichier css, tu definis les caracteristiques de ta classe :
.nom de la classe {caracteristique1 ; caracteristique 2}.
Si j'ai bonne mémoire, c'est comme ca qu'il faut faire.
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> nouveau </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" media="all">
a#.lien1
{
color:red;
}
a#.lien1:hover
{
font-size:60px;
}
a#.lien2
{
color:green;
}
a#.lien2:hover
{
background-color:black;
color:white;
}
</style>
</head>
<body>
<form id="MainForm">
<a class="lien1" href="?l=1">lien un</a>
<br />
<a class="lien2" href="?l=2">lien deux</a>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> nouveau </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" media="all">
a#.lien1
{
color:red;
}
a#.lien1:hover
{
font-size:60px;
}
a#.lien2
{
color:green;
}
a#.lien2:hover
{
background-color:black;
color:white;
}
</style>
</head>
<body>
<form id="MainForm">
<a class="lien1" href="?l=1">lien un</a>
<br />
<a class="lien2" href="?l=2">lien deux</a>
</form>
</body>
</html>
