礼貌问一下，用HTML和css怎么实现以下效果？

这种问题很难得到回答，因为根本讲不明白，除非将完整的代码给你写出来。但是大家的劳动力不是这么容易被白嫖的，花精力去给你写代码不在可能。

所以，这时候就需要利用 AI 来完成此任务了，这里就以最近比较火的 deepseek 为例。

1. 首先将你的图片截图保存，然后上传到 deepseek，并向它提出你的要求

deepseek给出的第一个版本效果图如下：

显然，这和我们想要的出入还是比较大的，所以继续提问优化

deepseek给出的第二个版本如下：

这个版本和我们想要的已经非常接近了。但是还是有些许出入，再次优化。

deepseek给出的第三个版本如下：

至此为止，和我们的需求大差不差了，复制代码到本地，然后自己微调下就可以了。

通过和 deepseek 进行 3 次对话就得到了我们想的结果，这就是 AI 的便利性。拿到了代码就可以研究它的写法了。不懂的可以直接复制代码让 AI 给你解释。

因此这篇回答提供的是一种利用 AI 进行自学的方法，授人以鱼，不如授人以渔。希望对你有帮助，谢谢！