<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