<div?class="one"> ????<a?href=""><div?class="pp"></div></a> ????<a?href=""><div?class="pp"></div></a> ????<a?href=""><div?class="pp"></div></a> ????<div?class="pp"></div> ????<div?class="pp"></div> </div>.one{width:300px;height:?100px;background:?#abcdef;margin:?50px?auto;} .pp{width:100px;height:?100px;background:?red;margin-top:?10px;display:?inline-block;} .pp:nth-child(1){background:?#ef507e} .pp:nth-child(2){background:?#ffffff} .pp:nth-child(3){background:?#5eef56}