css中如何去掉表格左右边框

html-css023

css中如何去掉表格左右边框,第1张

你需要控制一下，

thead th:first-child{border-left:none}

thead th:last-child{border-right:none}

tbody td:first-child{border-left:none}

tbody td:last-child{border-right:none}

CSS中显示和隐藏有多种方法，比较常见的是有display:none|blockvisibility: hidden|visible他们的区别在于，对文档流影响的区别。一般大家显示隐藏元素，比较倾向于用display。

你如果想隐藏表格，可以用table{display:none}来操作。想显示的话把display:block即可。

结构呢？我觉得挺像。好，Div的结构搞定了，下面就用CSS去控制它：equal{display:tableborder-collapse:separate}

.row {display:table-row}

.row div {display:table-cell}

.row .one {width:200px}

.row .two {width:200px}

.row .three {}

上面说一下上边各个CSS属性的意义：

1.dispaly:table让.equal层作为块级元素的表格来显示，也就是将显示成表格的样子

2.border-collapse:separate边框独立，就像表格没有合并单元格以前

3.display:table-row将.row作为表格行tr显示

4.display:table-cell将.row的下级div作为表格单元格td显示

使用border-spacing:10px主要是来区分几个盒子，因为IE下不能正常显示，但是在：Mozilla、Opera、Firefox、Chrome下都是可以的。