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 制作完毕。
网友评论