如何制作Google logo?

google
这是Google logo ,如何通过所学的html,css知识来实现了?

第一步——写Html语言

    <span>G</span>
    <span>o</span>
    <span>o</span>
    <span>g</span>
    <span>l</span>
    <span>e</span>

原字体

第二步——放大字体居中

    body{
            text-align: center;

    }
    span{
        font-size: 150px;
    }

放大字体

第三步——设置颜色

image.png
image.png

image.png

.g{
        color: rgb(66, 133, 244);

    }

    .red{
        color:rgb(234, 71, 57);
    }

    .orange{
        color: rgb(251, 188, 5);
    }

    .green{
        color: rgb(52, 168, 83);


    }

与原图比较,相差无几,一副google的logo 制作完毕,如果你也想做,那就按照我的教程,去尝试一番。

猜你喜欢

转载自blog.csdn.net/Gnewocean/article/details/82470109