这是这张，一看到就不知道怎么排版了

可以试试相对定位 可以任意布局
position: relative;
        top: 10px;
        left: 20px;

菱形盒子可以用图片做
也可以div css中使用transform属性 例如： transform:rotate(7deg);