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