HTML-使用CSS和Javascript创建ID卡

我需要创建一个身份证，使用用户提供给我的信息，使用表单。我已经创建了表单，我只是想知道如何使用CSS设计卡片（带有图像）？任何帮助都将不胜感激

制作一个

div

，添加一些

span

并使用

位置：绝对

<div class="background">
  <span class="name">aaa</span>
  <span class="birth">bbb</span>
  <span class="location">ccc</span>
  <span class="size">ddd</span>
</div>

.background {position: relative; background-image: ABC;}
.name {position: absolute; left: XYZpx; top: ZXYpx;}
etc pp


aaa
bbb
ccc
ddd
.background{位置：相对；背景图像：ABC；}
.name{位置：绝对；左：XYZpx；顶：ZXYpx；}
等pp