模仿谷歌图标

最新推荐文章于 2021-03-23 20:59:51 发布

遥啊遥

最新推荐文章于 2021-03-23 20:59:51 发布

阅读量323

点赞数

本文链接：https://blog.csdn.net/qq_38362772/article/details/80010094

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>goole</title>
    <link href="goole.css" type="text/css" rel="stylesheet" />
</head>
<body>
<p> <span class="g1">G</span>
    <span class="o1">o</span>
    <span class="o2">o</span>
    <span class="g2">g</span>
    <span class="l">l</span>
    <span class="e">e</span>
</p>
</body>
</html>

*{
    font-size: 80px;
    font-weight: 9000;
    letter-spacing: -2px;
    font-family: Arial;
}
p span.g1,span.g2{
    color: dodgerblue;
}
p span.o1,span.e{
    color: #ff041a;
}
p span.o2{
    color: #ffef17;
}
p span.l,span.l{
    color: #0dff0e;
}