html-css和html实现Google logo

css和html实现Google logo

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.G{
				font-size: 150px;
				color:#1B6FEF;
			}
			.o{
				font-size: 150px;
				color:#DB4732;
			}
			.oo{
				font-size: 150px;
				color:#FFD669;
			}
			.l{
				font-size: 150px;
				color:#009A57;
			}
		</style>
	</head>
	<body>
		<span class="G">G</span>
		<span class="o">o</span>
		<span class="oo">o</span>
		<span class="G">g</span>
		<span class="l">l</span>
		<span class="o">e</span>
	</body>

</html>

在这里插入图片描述

版权声明：本文为u010713935原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。