<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Google图标</title>
<style>
p{font-size: 120px;letter-spacing: -2px;font-family: Arial,Helvetica,Sans-Serif;}
span.g1{color: #1065e6;}
span.o1{color: #df432e;}
span.o2{color: #ffb709;}
span.g2{color: #166df1;}
span.l{color: #03a25d;}
span.e{color: #d64632;}
</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>
效果如下图：