<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{
font-size: 80px; /*字体大小*/
letter-spacing: -2px; /*字母间距*/
/*font-weight:900;*/ /*加粗*/
font-family:Ebrima,Arial,Helvetica, Sans-Serif;
}
span.g{
color: rgb(66,133,244);
}
span.o1{
color: rgb(234,67,53);
}
span.o2{
color: rgb(251,188,5);
}
span.l{
color: rgb(52,168,83);
}
span.e{
color: rgb(234,67,53);
display:inline-block; /*设置元素旋转*/
transform:rotate(-15deg);
}
</style>
</head>
<body>
<p><span class="g">G</span><span class="o1">o</span><span class="o2">o</span><span class="g">g</span><span class="l">l</span><span class="e">e</span></p>
</body>
</html>