谷歌字母案例

最新推荐文章于 2024-01-21 17:20:17 发布

纯情小码哥

最新推荐文章于 2024-01-21 17:20:17 发布

阅读量188

点赞数

分类专栏： CSS 文章标签：谷歌字母案例

本文链接：https://blog.csdn.net/Liyunhao_haoge/article/details/101938511

版权

CSS 专栏收录该内容

58 篇文章 1 订阅

订阅专栏

谷歌字母案例

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		span{
			font-size: 32px;
		}
		.colorBlue{
			color: blue;
		}
		.colorRed{
			color: red;
		}
		.colorGreen{
			color: green;
		}
		.colorOrange{
			color: orange;
		}
	</style>
</head>
<body>
	<span class="colorBlue">G</span>
	<span class="colorRed">o</span>
	<span class="colorOrange">o</span>
	<span class="colorBlue">g</span>
	<span class="colorGreen">l</span>
	<span class="colorRed">e</span>
</body>
</html>

效果如下：