html-css和html实现Google logo

时间:2024-03-26 10:14:23

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>

html-css和html实现Google logo