如何制作Google logo？

这是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;}

第三步——设置颜色

.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 制作完毕,如果你也想做，那就按照我的教程，去尝试一番。

如何制作Google logo？相关推荐

轻松在线制作各种Logo标志
网上有很多提供在线按钮制作.文字标题制作.Logo制作服务的网站,它们可以非常方便了让大家轻松的获得效果出色的各类图标型的图片,下面就快来看看有哪些不错的网站能够做出精美的图标吧! 1.文字标签制作 ...
Google LOGO现代舞舞蹈动画
效果预览: http://hovertree.com/texiao/js/5.htm 截图: HTML文件代码: <!DOCTYPE html> <html xmlns=" ...
使用PS快速制作App logo图
使用PS快速制作App logo图,全程大约一分钟. 应用市场要求logo图尺寸最小为256256,最大不超过512512,必须为圆角矩形.图片格式最好保存为.png和jpg 1.新建512*512像 ...
计算机logo在线设计,手机上在线制作免费logo图标的APP—Logo Foundry
一个不输电脑上设计精美logo的手机APP,也是业界众多科技媒体报道的手机上在线制作免费logo图标的APP-Logo Foundry.如果你正需要一款可以在手机上轻松制作免费logo图表的软件,那么 ...
批量制作带LOGO的网址二维码
现在我们的生活中随处可见二维码的身影,扫码付款,扫描进入小程序,扫码关注等等.二维码可以存储各种信息,主要包括网址.名片.文本信息.特定代码等.今天跟大家分享使用条码软件批量制作带LOGO的网址二维码 ...
制作 Google Chrome 绿色版
目标: 安装绿色的google浏览器以下的参考文章中都有提到下载离线的方法,不过年代久远,好像链接已经失效了制作过程: 1.下载离线包法1:通过以下参考文章中提到的链接,不过我没有下下来法2: ...
动态网站的制作与设计_【大师活动】设计及制作动态Logo
设计及制作动态Logo Creating an Animated Logo 来一起加入动态设计专家Nikki Kipple和新媒体数字艺术家Andrea Pimentel的设计活动中吧!他们将展示整个 ...
运用AI3D绕转工具制作立体LOGO
运用AI3D绕转工具制作立体LOGO 今天运用AI3D绕转工具制作立体LOGO 这是成图[如下图] 一.制作形状 1.首先我们先用钢笔画出一个Z 2.在菜单栏里找到窗口点击等二次选项弹出找到符号点击等 ...
html-css和html实现Google logo
css和html实现Google logo <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...

如何制作Google logo？

第一步——写Html语言

第二步——放大字体居中

第三步——设置颜色

如何制作Google logo？相关推荐

最新文章

热门文章