html-css和html实现Google logo

白小纯不单纯

于 2019-03-19 16:44:32 发布

阅读量1.1w

点赞数 19

分类专栏： html 文章标签： css和html结合 html

本文链接：https://blog.youkuaiyun.com/u010713935/article/details/88666239

版权

html 专栏收录该内容

8 篇文章

订阅专栏

该博客介绍了运用CSS和HTML结合的方式来实现Google logo。CSS和HTML是前端开发常用技术，通过二者配合可完成特定图形的呈现，这里聚焦于Google logo的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

在这里插入图片描述