html+宫格菜单,宫格菜单.html

Title

* {

margin: 0;

}

.menuList {

display: flex;

flex-wrap: wrap;

background: #fff;

box-sizing: border-box;

}

.menuList div {

box-sizing: border-box;

width: 25%;

height: 88px;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

border-bottom: 1px solid rgba(229, 229, 229, 0.7);

border-right: 1px solid rgba(229, 229, 229, 0.7);}

p {

margin-top: 15px;

}

img {

width: 60px;

}

图片

文字

图片

文字

图片

文字

图片

文字

图片

文字

一键复制

编辑

Web IDE

原始数据

按行查看

历史