怎么快速写好看的手机menu菜单

要达到这样的效果：

<div class="menu">
<div class="menu-1">
<img alt="" src="img/ico_kh@3x.png"><br>
<span class="menuLabel">立即开户</span>
</div>
<div class="menu-1">
<img alt="" src="img/ico_sm@3x.png"><br>
<span class="menuLabel">扫码开户</span>
</div>
<div class="menu-1">
<img alt="" src="img/ico_yy@3x.png"><br>
<span class="menuLabel">预约开户</span>
</div>
<div class="menu-1">
<img alt="" src="img/ico_zd@3x.png"><br>
<span class="menuLabel">账单</span>
</div>
</div>

 

 

.menu{
height:100px;
width:100%;
text-align: center;
}

.menu-1{
float:left;
width:25%;
margin-top:20px;
}

.menu-1 img{
width:45px;

}

 

.menuLabel {
margin-top: 5px;
display: block;
font-size: 13px;
color: #000;
}