28172 sujets

CSS et mise en forme, CSS3

[Resolu] Titre mots 2 couleurs

Bonjour,
je voulais savoir comment m'y prendre pour arriver au rendu suivant:

j'ai sur ma page d'accueil des titres de plusieurs mots (du genre EMDH TV, REJOINDRE NOS EQUIPES, CARTE DE NOS MISSIONS) et j'aimerais avoir differents rendu suivants les mots (tailles couleurs)
ex:
EMDH TV

donc ma question est: comment arriver a ce resultat tout en gardant les informations hierarchique (h1/H2...)?

merci d'avance,
Jeremie
Modifié par dudesqsue (13 Feb 2009 - 14:14)
Hello dudesqsue et bienvenue, Smiley smile

pour ce que tu veux faire il suffit d'utiliser un élément SPAN.

Par exemple :
<!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" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Test</title>
<style type="text/css" media="screen">
h1 {
	color: blue;
}
h1 span {
	color: red;
	font-style: italic;
}
</style>
</head>
<body>
<h1>Mon titre <span>principal</span></h1>
</body>
</html>
Sujet clos
Aller à