纯css制作大耳朵图图

最新推荐文章于 2021-07-25 20:02:17 发布

Hzzzz_zzzzz

最新推荐文章于 2021-07-25 20:02:17 发布

阅读量1.4k

点赞数 1

本文链接：https://blog.csdn.net/Zoey_J/article/details/88997710

版权

本文介绍了如何使用纯CSS技巧来创建一个形象的大耳朵图图，通过HTML和CSS代码展示了实现过程。

摘要由CSDN通过智能技术生成

跟着教程学了用纯css做了大白之后，自己做了一个大耳朵图图。
在这里插入图片描述
html部分：

<div id="tutu">
	<div id="hair">
	   <div id="hair1"></div>
	   <div id="hair2"></div>
	   <div id="hair3"></div>
	   <div id="hair4"></div>
	
	   <div id="hair5"></div>
	   <div id="hair6"></div>
	   <div id="hair7"></div>
	   <div id="hair8"></div>
	</div>
	
	<div id="head">
	   <div id="hair9"></div>
	   <div id="hair10"></div>
	   <div id="hair11"></div>
	   <div id="hair12"></div>
	
	   <div id="eyebrow_left"></div> <!--眉毛-->
	   <div id="eyebrow_right"></div>
	
	   <div id="eyelid_left"></div>  <!--眼皮-->
	   <div id="eyelid_right"></div>
	
	   <div id="eye_left"></div>  <!--眼睛-->
	   <div id="eye_right"></div>
	
	   <div id="eyeball_left"></div>  <!--眼珠-->
	   <div id="eyeball_right"></div>
	
	   <div id="nose"></div>
	   <div id="mouth"></div>
	   <div id="mouth_cover"></div>
	   <div id="tooth1"></div>
	   <div id="tooth2"></div>
	   <div id="tooth3"></div>
	   <div id="tooth4"></div>
	   <div id="tongue"></div>   <!--舌头-->
	</div>
	
	<div id="ear_left">
	   <div id="earline1_left"></div>
	   <div id="earline2_left"></div>
	</div>
	
	<div id="ear_right">
	   <div id="earline1_right"></div>
	   <div id="earline2_right"></div>
	</div>
	
	
	<div id="cloth"></div>
	<div id="star1"></div>
	<div id="star2"></div>
	
	<div id="sleeve_left"></div>
	<div id="sleeve_right"></div>
	<div id="arm_left"></div>
	<div id&