第八章 文字實例一

<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>標記進行控制。html

相關文章
相關標籤/搜索