页面
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul, ol, li {
list-style-type: none;
margin: 0;
padding: 0;
}
</style>
<style type="text/css">
.li-table {
display: table;
}
.li-table li {
width: 237px;height: 119px;line-height: 119px;text-align:center;margin-right: -1px;margin-bottom:-1px;
float: left;border: 1px solid #F2F2F2;overflow: hidden;
}
</style>
</head>
<body>
<ul class="li-table">
<li style="background:#1eb0e1;">#1EB0E1</li>
<li style="background:#ececec;">#ECECEC</li>
<li style="background:#009de0;">#009DE0</li>
<li style="background:#51d968;">#51D698</li>
<li style="background:#c3c3c3;">#C3C3C3</li>
<li style="background:#ffffcd;">#FFFFCD</li>
<li style="background:#e8f7fa;">#E8F7FA</li>
<li style="background:#0099e6;">#0099E6</li>
<li style="background:#4dd2b8;">#4DD2B8</li>
<li style="background:#E4F2FD;">#E4F2FD</li>
<li style="background:#428BCA;">#428BCA</li>
<li style="background:#9a9a9a;">#9A9A9A</li>
<li style="background:#2A6496;">#2A6496</li>
<li style="background:#4ac3eb;">#4AC3EB</li>
<li style="background:#e4f6f8;">#E4F6F8</li>
<li style="background:#FFA00A;">#FFA00A</li>
<li style="background:#61B3E6;">#61B3E6</li>
<li style="background:#88D3F9;">#88D3F9</li>
<li style="background:#C9302C;">#C9302C</li>
<li style="background:#761C19;">#761C19</li>
<li style="background:#35CE66;">#35CE66</li>
<li style="background:#2B78E4;">#2B78E4</li>
<li style="background:#0099CC;">#0099CC</li>
<li style="background:#2E7FDB;">#2E7FDB</li>
<li style="background:#009ACC;">#009ACC</li>
<li style="background:#EF4639;">#EF4639</li>
<li style="background:#45B6F7;">#45B6F7</li>
<li style="background:#DAE5E6;">#DAE5E6</li>
<li style="background:#F2FEFF;">#F2FEFF</li>
<li style="background:#FECCCD;">#FECCCD</li>
<li style="background:#FFF2F2;">#FFF2F2</li>
<li style="background:#83D5CE;">#83D5CE</li>
<li style="background:#454545;">#454545</li>
<li style="background:#C0EEFF;">#C0EEFF</li>
<li style="background:#E2F7FF;">#E2F7FF</li>
<li style="background:#3FA7CB;">#3FA7CB</li>
<li style="background:#959595;">#959595</li>
</ul>
</body>
</html>
显示效果