Skip to content

案例个人卡片

练习目标

综合运用 盒模型border-radiusbox-shadowpadding字体与颜色,做一张个人或产品简介卡片。

建议步骤

  1. 写清 HTML 结构(图、标题、简介、链接)。
  2. 限定卡片 max-width,居中 margin: 0 auto
  3. 叠加悬停 transition 微调 transform 或阴影。

小结

完成后可对照侧栏前几篇查漏补缺。