案例效果图：

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Google的LOGO设计</title>
	<style>
		strong{
			font-size: 100px;/*设置所有strong标签的文字大小为：100px*/
		}
		.blue{	
			color:#3174f0; 	/*给类名为。blue的标签设置颜色*/	
		}
		.red{
			color: #e53125;/*给类名为。red的标签设置颜色*/
		}
		.yellow{
			color: #fbb003;/*给类名为。yellow的标签设置颜色*/
		}
		.green{
			color: #269a43;/*给类名为。green的标签设置颜色*/
			
		}
	</style>
</head>
<body>
	<strong class="blue">G</strong><!--	strong代表文字加粗 类名为"blue"-->
	<strong class="red">o</strong>
	<strong class="yellow">o</strong>
	<strong class="blue">g</strong>
	<strong class="green">l</strong>
	<strong class="red">e</strong>
</body>
</html>

 

更多推荐

HTML5网页设计基础——LOGO的制作