利用html中的元素定位知识制作图片

怎么通过使用html制作这张图片，好像涉及到了元素定位，我使用的工具是sublime

1、给item加个绝对定位，再调整top,left值

<div style="position:relative">
  <div class="iten1">1</div>
 <div class="iten2">2</div>
 <div class="iten3">3</div>
 <div class="iten4">4</div>
 <div class="iten5">5</div>
</div>

2、flex布局
https://www.cnblogs.com/hellocd/p/13584058.html

这就利用到CSS的知识，可以利用盒子模型来处理改问题，建议你不要单纯的只用HTML，应该让HTML和CSS样式一起来做的话，比较简单

1.用无序排列写简单一些
可以使用
:nth-child(n)
选择偶数的li，将其设置透明就可以了

2.如果，只想用定位，那就给父元素设置相对定位，给子元素设置绝对定位，调top和left的值就好了

可以参照CSS3 flex布局的经典骰子布局