利用css制作多彩文字效果

CSS代码:

.textBottom  {...} {
color: #333333;
position: absolute;
left: 3em;
top: 1em;
font: 26px Century Gothic,Arial, Helvetica, sans-serif;
clip: rect(18px auto auto auto);
}

.textTop  {...} {
color: #CC0000;
position: absolute;
left: 3em;
top: 1em;
font: 26px Century Gothic,Arial, Helvetica, sans-serif;
clip: rect(0 auto 18px 0);
}

.container  {...} {
width: 28em;
height: 5em;
margin: 1em auto;
position: relative;
background: #F6F6F6;
}

 html代码:

 

< div  class ="container" >
< a  href ="#"  class ="textTop" > Casca** Style Sheet  </ a >
< a  href ="#"  class ="textBottom" > Casca** Style Sheet  </ a >
</ div >