[MultiCouleur] Texte CSS police

**Lologolas** · 06/10/2011, 13h05

Bonjour à tous,

Je suis actuellement en train de développer un site web, et je me suis penché sur le design en css récemment.

Je souhaiterai créer en css un effet qui donne sur une police 2 couleur différence (une couleur sur la moitié-haut de la police, une autre sur la moitié-bas)

Est-ce possible en CSS, ou sinon comment puis-je y parvenir?

Merci d'avance

**NoSmoking** · 06/10/2011, 22h54

Bonsoir,
avec des DIVs superposées et bien placées

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
.text {
  position : relative;;
  font-size : 60px;
  font-weight :bold;
  font-family : "Times New Roman";
  line-height : 60px;
}
.text_1 { /* couleur du bas */
  position : absolute;
  color : #e0e0ff;
}
.text_2 {  /* couleur du haut */
  position : absolute;
  color : #8080ff;
  overflow : hidden;
  height : 30px;
}
</style>
</head>
<body>
<div class="text">
  <div class="text_1">LE TEXTE</div>
  <div class="text_2">LE TEXTE</div>
</div>
</body>
</html>