居中显示：body{margin:0;高度：100vh；显示：弹性；对齐项目：居中；证明内容：居中；background:linear-gradient(torightbottom,violet,midnightblue);}定义容器尺寸：.steamer{width:30em;高度：30em；背景色：雪；字体大小：10px；border-radius:50%;}画锅：.steamer{display:flex;flex-direction:column;align-items:center;证明内容：中心；}.pot{位置：相对；宽度：16em；高度：12em；背景：暗石蓝；边界半径：0.5em0.5em6.5em6.5em；1.5emsolidmidnightblue;}绘制锅柄：.steamer{z-index:1;}.pot::before{content:'';位置：绝对；width:27em;高度：2.5em；背景色：番茄；左：-4.75em；顶部：2em；z-index:-1;}绘制盖子:.lid{width:17em;高度：6em；背景色：金色；位置：相对；边界半径：6em6em00；border-right:1.5em实心一枝黄花；在盖子上绘制按钮手柄：.lid::before{content:'';位置：绝对；宽度：4em；高度：4em；背景色：番茄；边界半径：50%；左：7em；top:-2.5em;}接下来润色给锅添加光影：.pot::after{content:'';位置：绝对；宽度：8em；高度：8em；边框：0.6em实心透明；边界半径：50%；左边框颜色：白色；变换：旋转（-60deg）；顶部：1em；left:2em;}给盖子添加光影：.lid::after{content:'';位置：绝对；宽度：7em；高度：7em；边框：0.6em实心透明；边界半径：50%；左边框颜色：白色；变换：旋转（40度）；顶部：0.6em；left:2.5em;}最后添加动画效果：.lid{transform:translateY(-0.5em);动画：动画1s无限交替；}@keyframes动画{到{变换：translateY(0.5em);}}你完成了！