<style>
#papa {
position: relative;
margin: 130px 0 30px calc(50% - 890px);
width: 1600px;
height: 780px;
background: url('https://pic.imgdb.cn/item/66a070a4d9c307b7e9dae68b.jpg') no-repeat center/cover;
}
.mypic {
position: absolute; /* 绝对定位 */
width: 160px;
height: 160px;
}
.mypic:nth-of-type(1) {
left: 10px;
top: 10px;
}
.mypic:nth-of-type(2) {
right: 10px;
bottom: 10px;
}
.mypic:nth-of-type(3) {
left: calc(50% - 80px);
top: calc(50% - 80px);
}
.mypic:nth-of-type(4) {
left: 10px;
bottom: 10px;
}
.mypic:nth-of-type(5) {
right: 10px;
top: 10px;
}
</style>
<div id="papa">
<img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />
<img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />
<img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />
<img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />
<img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />
</div>
|