其他分享
首页 > 其他分享> > CSS样式仿谷歌logo

CSS样式仿谷歌logo

作者：互联网

<!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>

效果如下图：
在这里插入图片描述

标签：Google,span,color,Arial,仿谷歌,03a25d,logo,font,CSS
来源： https://blog.csdn.net/qq_45769050/article/details/115143708