html单元格上下拆分代码,在HTML/CSS如何垂直拆分表格单元格（特别版）

，我想分裂细胞因此它看起来就像这样。

我有一个奇偶第n个孩子的分离，我也想保持的颜色他们在例图的方式。

我该怎么做？

编辑：

我的CSS的表至今：

table.sty {

background: #000;

border-collapse: separate;

box-shadow: inset 0 1px 0 #000;

margin: 0px;

text-align: center;

float: left;

display: inline-box;

width: 1%;

}

table.sty th {

border-left: 1px solid #555;

border-right: 1px solid #777;

border-top: 1px solid #555;

border-bottom: 1px solid #333;

box-shadow: inset 0 1px 0 #999;

color: #000;

padding: 1px 1px;

position: relative;

text-shadow: 0 1px 0 #000;

}

table.sty td