0岁的产品经理

如何制作Google logo?

2018-09-06  本文已影响2人  新海说
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 制作完毕。

上一篇 下一篇

猜你喜欢

热点阅读