中心显示：body{margin:0;高度：100vh；显示：弹性；对齐项目：居中；证明内容：居中；--bc：蓝绿色；background-color:var(--bc);}定义容器尺寸：.fox{width:7em;高度：9em；font-size:30px;}画一个圆形的头部轮廓：.fox{--c:chocolate;位置：相对；颜色：var(--c);}.fox.head{位置：绝对;宽度：6em；高度：6em；背景颜色：currentColor；边界半径：50%；right:0;}绘制叶形脸颊：.fox.faces::before,.fox.faces::after{content:'';位置：绝对；宽度：3em；高度：3em；背景色：白色；边界半径：0100%0100%；顶部：3em;}.fox.faces::after{右：0;transform:rotate(-90deg);}绘制半圆形眼睛：.fox.eyes::before,.fox.eyes::after{content:'';位置：绝对；边框：0.3em实心；border-color:黑色黑色透明透明;边界半径：50%；顶部：4.5em;}.fox.eyes::before{left:1em;}.fox.eyes::after{right:1em;transform:rotate(-90deg);}绘制扇形耳朵：.fox.ears::before,.fox.ears::after{width:3em;高度：3em；背景颜色：currentColor；过滤器：亮度（1.25）；边界半径：0100%00；z-index:-1;}.fox.ears::after{right:0;transform:rotate(-90deg);}画一个圆鼻子：.fox.nose{position:absolute;宽度：1em；高度：1em；背景色：黑色；边界半径：50%；顶部：计算（6em-1em/2）；右：计算（（6em-1em）/2）;transform:scale(0.9);}绘制圆形尾巴：.fox.tail{width:7em;高度：7em；背景颜色：currentColor；边界半径：50%；位置：绝对；z-指数：-1；bottom:0;}去掉尾巴左上角的扇形:.fox.tail::before{content:'';位置：绝对；宽度：计算（7em/2）；高度：计算（7em/2）；背景色：var(--bc);border-radius:100%000;}绘制扇形尾尖：.fox.tail{overflow:hidden;}.fox.tail::after{content:'';位置：绝对；宽度：1em；高度：1em；边界半径：00100%0；背景：白色；bottom:calc(7em/2-1em);}最后，添加鼠标悬停效果：.fox{transition:1s;}.fox:hover{--c:lightblue;}大功告成！