一 首先得有整体逻辑
二 把卡片分为四等分 container header mian footer
1 container部分
圆角边框设置border-radius圆角边框
设置卡片阴影box-shadowshadow
1 header部分
图片插入,设置图片大小,使用_object-fitobeject_语法使图片更美观的展示。
2 mian 部分
文字信息插入,更改文字颜色使用span标签。
3 footer部分
理解flex布局
引入二维码,安装qrcodeqrcode并插入代码,设置大小,display:block。
文字设置字体大小,间距,颜色。
设置顶部虚线 border-topborder边框**
