使用方法:
1、head引入css文件
<!--图标样式-->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css'>
<!--主要样式-->
<link rel="stylesheet" href="css/style.css">
2、body引入部分
<div class="container">
<div class="css-drawing">
<i class="fas fa-heart"></i>
<div class="avocado-body-right">
<div class="avocado-face">
<div class="smiley-eyes"></div>
<div class="smiley-eyes right"></div>
<div class="blush-l"></div>
<div class="blush-r"></div>
<div class="mouth happy"></div>
</div>
<div class="avocado-seedless">
<div class="highlight-cover"></div>
</div>
<div class="shell"></div>
<div class="shadow"></div>
</div>
<div class="avocado-body">
<div class="avocado-face">
<div class="circle-eyes">
<div class="blush-l"></div>
<div class="blush-r"></div>
</div>
<div class="mouth happy"></div>
</div>
<div class="avocado-seed">
<div class="highlight"></div>
<div class="highlight-cover"></div>
<div class="highlight-circle"></div>
</div>
<div class="shell"></div>
<div class="shadow"></div>
</div>
</div>
<h1>让我们拥抱一下!</h1>
</div>