效果图展示 代码部分 代码说明、注解 使用了 CSS 的一些属性: :after 伪类 position 定位 border-radius 圆角边框 linear-gradient 背景颜色渐变 display: flex; flex 布局 box-shadow 盒子阴影 html 代码 <div class="card-wrap"> <div class="card-box">