热门排行
logo在线设计生成器印刷制作,就找玛雅兔,专业。

教你在线制作GOOGLE谷歌LOGO

发布时间:2018/09/29 10:57 编辑:logofish

最近在互联网上经常看到别人用CSS来制作LOGO,用纯CSS制作LOGO有很大的优势,今天logofish君就跟大家分享CSS在线制作Google谷歌LOGO,大家可以举一反三,去制作其他LOGO。

教你在线制作GOOGLE谷歌LOGO

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


第一步——写Html语言

第一步——写Html语言编写GOOGLE

  • G
  • o
  • o
  • g
  • l
  • e


第二步——放大LOGO字体居中

第二步——放大LOGO字体居中

body{

text-align: center;

}

span{

font-size: 150px;

}


第三步——设置LOGO颜色

第三步——设置LOGO颜色:蓝色第三步——设置LOGO颜色:红色第三步——设置LOGO颜色:黄色

.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制作完毕,如果你也想做,那就按照我的教程,去尝试一番,如果还是不会那就用logofishLogo在线制作生成器生成吧,一定行的。

推荐阅读
Advert:[left_fixed_adv]