Du texte en css

Texte en arial
<head>
<style>
.verdana {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
</style>
</head>

<body>
<span class="verdana">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="font-family: Verdana, Arial, Helvetica, sans-serif;">Insérez votre texte ici</span>
</body>
Gros texte
<head>
<style>
.texte-gros {
font-size: 36px;
}
</style>
</head>

<body>
<span class="texte-gros">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="font-size: 36px;">Insérez votre texte ici</span>
</body>
Petit texte
<head>
<style>
.texte-petit {
font-size: 8px;
}
</style>
</head>

<body>
<span class="texte-petit">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="font-size: 8px;">Insérez votre texte ici</span>
</body>
Texte en gras
<head>
<style>
.gras {
font-weight: bold;
}
</style>
</head>

<body>
<span class="gras">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="font-weight: bold;">Insérez votre texte ici</span>
</body>
Texte en italique
<head>
<style>
.italic {
font-style: italic;
}
</style>
</head>

<body>
<span class="italic">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="font-style: italic;">Insérez votre texte ici</span>
</body>
Texte souligné
<head>
<style>
.souligne {
text-decoration: underline;
}
</style>
</head>

<body>
<span class="souligne">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="text-decoration: underline;">Insérez votre texte ici</span>
</body>
Combinaison de plusieurs styles
<head>
<style>
.gras {
font-weight: bold;
}

.italic {
font-style: italic;
}

.souligne {
text-decoration: underline;
}
</style>
</head>

<body>
<span class="gras italic souligne">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="font-weight: bold; font-style: italic; text-decoration: underline;">Insérez votre texte ici</span>
</body>
Texte avec un fond de couleur
<head>
<style>
.bg-color {
background-color: #ffcc00;
}
</style>
</head>

<body>
<span class="bg-color">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="background-color: #ffcc00;">Insérez votre texte ici</span>
</body>
Texte encadré
<head>
<style>
.border {
border: 1px solid #666;
}
</style>
</head>

<body>
<span class="border">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="border: 1px solid #666;">Insérez votre texte ici</span>
</body>
Texte encadré avec fond de couleur
<head>
<style>
.bg-color {
background-color: #ffcc00;
}

.border {
border: 1px solid #666;
}
</style>
</head>

<body>
<span class="bg-color border">Insérez votre texte ici</span>
</body>

Peut s'écrire aussi de la façon suivante :

<body>
<span style="background-color: #ffcc00; border: 1px solid #666;">Insérez votre texte ici</span>
</body>

<< Retour au site