<!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">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="多彩文字, Texte multicolore" />
<meta http-equiv="Description" content="Clip CSS 属性来创造 多彩文字 (Texte multicolore)" />
<meta content="tous" name="robots" />
<méta http-equiv="pragma" content="no-cache" />
<meta name="auteur" content="forestgan" />
<meta name="copyright" content="forestgan" />
<title>多彩文字 (Texte multicolore)</title>
<style type="text/css">
corps{
arrière-plan : #FFFFFF ;
couleur : #333333 ;
famille de polices : Arial, Helvetica, sans-serif ;
taille de police : 100 % ;
hauteur de ligne : 140 % ;
alignement du texte : centre ;
remplissage : 0 ;
marge : 0 ;
}
p{
marge : 0 ;
}
adresse{
taille de police : 75 % ;
}
corps,html{
hauteur : 100 % ;
}
* html, * corps html {
débordement : caché ;
}
#haut{
hauteur minimale : 90 % ;
débordement : automatique ;
}
*html #haut{
hauteur : 90 % ;
}
#pied de page{
hauteur : 10 % ;
arrière-plan : #CC0000 ;
couleur : #FFFFFF ;
}
adresse{
rembourrage supérieur : 1em ;
style de police : normal ;
}
un{
décoration de texte : aucune ;
}
.textBottom {
couleur : #333333 ;
position : absolue ;
à gauche : 3em ;
en haut : 1em ;
police : 26px "Century Gothic", Arial, Helvetica, sans empattement ;
clip : rect(18px auto auto auto) ;
}
.textHaut {
couleur : #CC0000 ;
position : absolue ;
à gauche : 3em ;
en haut : 1em ;
police : 26px "Century Gothic", Arial, Helvetica, sans empattement ;
clip : rect(0 auto 18px 0);
}
.conteneur {
largeur : 28em ;
hauteur : 5em ;
marge : 1em auto ;
position : relative ;
arrière-plan : #F6F6F6 ;
}
.textTop: survol {
couleur : #808080 ;
}
.textBottom: survol {
couleur : #FF4646 ;
}
</style>
</tête>
<body lang="fr">
<div id="top">
<div class="container"> <a href="#" class="textTop">Feuille de style en cascade </a> </div>
<p>文字的上半部分</p>
<div class="container"> <a href="#" class="textBottom">Feuille de style en cascade </a> </div>
<p>文字的下半部分</p>
<div class="container"> <a href="#" class="textTop">Feuille de style en cascade </a> <a href="#" class="textBottom">Feuille de style en cascade </a> </ div>
<p>二组文字重合的效果</p>
</div>
<div id="pied de page">
<adresse>
Conception par <a href=" http://www.forest53.com">forestgan</a > 本演示采用<a href=" http://www.creativecommons.cn/ ">创作共用授权</a> --署名和非商业用途。
</adresse>
</div>
</corps>
</html>