用css实现Google logo图标

最新推荐文章于 2022-07-23 01:00:00 发布

软件测试进阶中

最新推荐文章于 2022-07-23 01:00:00 发布

阅读量1w

点赞数 7

文章标签： css html

本文链接：https://blog.csdn.net/hard_days/article/details/82145011

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title></title>
   <style type="text/css">
       p{
           font-size: 80px; /*字体大小*/
           letter-spacing: -2px； /*字母间距*/
           /*font-weight:900;*/ /*加粗*/
           font-family:Ebrima,Arial,Helvetica, Sans-Serif;
       }
       span.g{
           color: rgb(66,133,244);
       }
       span.o1{
           color: rgb(234,67,53);
       }
       span.o2{
           color: rgb(251,188,5);
       }
       span.l{
           color: rgb(52,168,83);
       }
       span.e{
           color: rgb(234,67,53);
           display:inline-block;   /*设置元素旋转*/
           transform:rotate(-15deg);

       }

   </style>
</head>
<body>
   <p><span class="g">G</span><span class="o1">o</span><span class="o2">o</span><span class="g">g</span><span class="l">l</span><span class="e">e</span></p>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

软件测试进阶中

关注关注

7
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
用css实现Google logo图标

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; p{
复制链接

扫一扫