，我想分裂細(xì)胞因此它看起來就像這樣。

我有一個(gè)奇偶第n個(gè)孩子的分離，我也想保持的顏色他們?cè)诶龍D的方式。

我該怎么做？

編輯：

我的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 {

border-right: 1px solid #000

border-left: 1px solid #e8e8e8;

border-top: 1px solid #616161;

border-bottom: 1px solid #292929;

padding: 6px 15px;

position: relative;

transition: all 300ms;

background: #727272;

color: #292929;

}

table.sty tr {

background: #292929;

}

table.sty tr:nth-child(odd) > td:first-child

{

background:#292929;

border-color: #000;

color: #45ADFD;

}

table.sty tr:nth-child(even) > td:first-child

{

color: #FFB5F9;

border-color: #000;

background: #292929 ;

}

table.sty tr:first-child td:nth-child(odd)

{

background:#000;

border-color: #000;

color: #45ADFD;

}

table.sty tr:first-child td:nth-child(even)

{

color: #fff;

border-color: #000;

}

table.sty tbody:hover td {

color: transparent;

text-shadow: 0 0 3px /*#D9070B*/;

}

table.sty tbody:hover tr:hover td {

color: #C7C7C7;

text-shadow: none;

}

和HTML我添加喜歡的分隔欄：

content

.

content

.

content

.

...

+0

請(qǐng)發(fā)表[MCVE]你的問題 –

+0

我添加了我現(xiàn)在擁有的代碼 –

+0

一些附注：'center' [depricated](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center)以及樣式屬性，數(shù)字“寬度”值需要一個(gè)單位。 –

總結(jié)

以上是生活随笔為你收集整理的html单元格上下拆分代码,在HTML/CSS如何垂直拆分表格单元格（特别版）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。