学习的时候刚开始总是无法集中精神,可以先做一些好玩又简单的事情让自己进入学习状态,这个熊猫做起来又简单又好玩,可以说是很适合我这种经常刚开始学习就被劝退的人啦
.head {
position: absolute;
border: 1px solid black;
height: 30%;
width: 24%;
top:25%;
left: 37.5%;
border-radius: 40%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
z-index: 1;
background: white;
}
主要使用border-radius这个属性做熊猫的身体,使用定位来拼接各个部分,不难但是需要反复调试数据,还有很多地方细看觉得有点怪,以后有空了再慢慢完善吧。