第八章文字实例一

<html>
<head>
<title>Google</title>
<style>
<!--
p{
    font-size:80px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing:-2px;   /*字母间距*/
}
.g1,.g2{
    color:#184dc6j;
}
.o1,.e{
    color:#c61800;
}
.o2{
    color:#efba00;
}
.l{
    color:#42c34a;
}
-->
</style>
</head>

<body>
<p><span class="g1">G</span><span class="o1">o</span><span class="o2">o</span><span class="g2">g</span><span class="l">l</span><span class="e">e</span></p>
</body>
</html>

注：通常利用第三方的调色软件来配色，这里推荐最专业的photoshop调色板，在Photoshop中单击工具栏的“前景色/背景色”工具可以激活调色板。
对各个字母分别设置CSS风格样式，加入<span>标记进行控制。

第八章 文字实例一

第八章文字实例一