CSS大熊猫

198 阅读1分钟

学习的时候刚开始总是无法集中精神,可以先做一些好玩又简单的事情让自己进入学习状态,这个熊猫做起来又简单又好玩,可以说是很适合我这种经常刚开始学习就被劝退的人啦 截屏2021-06-20下午11.00.11.png

.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这个属性做熊猫的身体,使用定位来拼接各个部分,不难但是需要反复调试数据,还有很多地方细看觉得有点怪,以后有空了再慢慢完善吧。