<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>标记进行控制。
原文：http://www.cnblogs.com/Cassiel-685/p/4382899.html