Google图标/前端三

如下图
Google图标/前端三
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        span{
            display: inline-block;
            font-size: 50px;
        }
        /*id方式*/
        #g{
            color: blue;
        }
        #o1{
            color: red;
        }
        #o2{
            color: yellow;

        }
        #g1{
            color: blue;

        }
        #l{
            color: green;

        }
        #e{
            color: red;
        }

        /*class方式*/
        .b{
            color:blue ;
        }
        .r{
            color: red;
        }
        .y{
            color: yellow;
        }
        .g{
            color: green;
        }

    </style>

</head>
<body>
<div align="center">
    <span id="g"><h1>G</h1></span>
    <span id="o1"><h1>o</h1></span>
    <span id="o2"><h1>o</h1></span>
    <span id="g1"><h1>g</h1></span>
    <span id="l"><h1>l</h1></span>
    <span id="e"><h1>e</h1></span>
</div>

<div align="center">
    <span class="b"><h1>G</h1></span>
    <span class="r"><h1>o</h1></span>
    <span class="y"><h1>o</h1></span>
    <span class="b"><h1>g</h1></span>
    <span class="g"><h1>l</h1></span>
    <span class="e"><h1>e</h1></span>
</div>

</body>
相关推荐
