Google案例

谷歌logo

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type = "text/css">
			span{font-size: 100px;}
			.logo_g{color: blue;}
			.logo_darkred{color: darkred}
			.logo_o2{color: orange}
			.logo_l{color: darkgreen}
		</style>
	</head>
	<body>
		<span class="logo_g">G</span>
		<span class="logo_darkred">o</span>
		<span class="logo_o2">o</span>
		<span class="logo_g">g</span>
		<span class="logo_l">l</span>
		<!-- <span class="logo_o">e</span> -->
		<span class="logo_darkred">e</span>
	</body>
</html>

注意点：

 命名规则：见名知意

span是小盒子，不会换行

实现谷歌logo的网页显示。 

 

 

更多推荐

如何用html + css 绘制Google logo