css移除表格table边框

通常情况下，HTML表格会自带默认的边框效果，有点丑。
那怎么移除呢？

一、html方法

可以直接给table加上border="0"的属性，这样边框就被清除了。

<table border="0">
</table>

二、css方法

方法1：border-collapse

border-collapse属性可以控制表格元素之间的边框合并方式。默认情况下这个属性的值是”separate”，也就是相邻的单元格之间会有独立的边框。我们可以通过将其值设置为”collapse”来合并相邻单元格的边框。

table {
  border-collapse: collapse;
}

方法2：border-spacing

table {
  border-spacing: 0;
}

方法3：border

border属性可以设置表格元素的边框，包括边框的宽度、样式和颜色。通过将边框的宽度设置为0，样式设置为none，我们可以完全移除表格的边框。

table {
  border: none;
}