html新的表格边框设置方法

近年来，HTML的表格边框设置方法有了新的变化，新设置方法可使开发者轻松设置表格样式，让表格更美观。以下是新的方法：

table {
   border-collapse: collapse;
   border-spacing: 0px;
   width: 100%;
   border: 1px solid #ccc;
}

th, td {
   padding: 10px;
   text-align: left;
   vertical-align: top;
   border: 1px solid #ccc;
}

在上述代码中，首先使用border-collapse属性来控制表格边框的折叠，将其设为没折叠即可。接着使用border-spacing来设置单元格之间的间隔。这里将其设为0，即紧凑排列。

接着，通过设置th和td标签的样式来达到我们想要的表格边框。在这里，我们将单元格的内边距设置为10px，也就是单元格内文字到单元格边框的距离。同时，我们将文本在单元格内居左显示，同时垂直方向上对齐文本最上端，以达到更好的效果。最后，我们设定边框样式为1px实线，颜色为#ccc。

在实际开发中，开发者可以根据自己的需求来对表格样式进行更深入的设置，使表格成为网页中一个美观、实用的元素。