HTML - 使用CSS和Javascript创建ID卡

Question

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

Answer 1

制作div，添加一些span并使用position: absolute;

<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