用css实现Google logo图标

    2020-03-03 10:36:34

    发表时间:

    用css实现Google logo图标代码如下:

    <!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>

    下载完整代码

    KEYAN编码网址解码

    · END ·

    关键词:css加HTML实现Google logo代码 标签:css实现Google logo图标

    以上内容来源本站

文章推荐:

最新 工具

用css实现Google logo图标

发表时间:2020-03-03 10:36:34

用css实现Google logo图标代码如下:

<!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>

下载完整代码

· END ·

关键词: 标签:

以上内容来源本站

//评论数 //参与数

博主简介 - 广告合作 - 文章投稿 - 故事文摘 - 典范条目 - 博主新闻

 百科创建更新

网站地图

 

© 2020 blog.dgso.cn 赵彦彬博客 吉ICP备17000796号-1