css如何给表格加边框线

在设计网页时，表格是用于展示内容的一种常见方式。而要让表格看起来更加整齐美观，我们需要对表格进行美化。其中一个很重要的方面是给表格添加边框线。下面就来介绍一下如何利用CSS来给表格添加边框线。

table {
    border-collapse: collapse; /*合并表格边框*/
    border-spacing: 0; /*移除表格空隙*/
    width: 100%; /*设置表格宽度*/
}

th,td {
    border: 1px solid #ccc; /*设置表格边框线*/
    padding: 10px; /*设置单元格内边距*/
}

上面的CSS代码中，我们首先是通过 border-collapse: collapse; 合并了表格的边框。这样可以避免边框之间出现多余的空隙。接着我们使用 border-spacing: 0; 来移除表格中的空隙。然后我们通过 th,td { border: 1px solid #ccc; } 为表格中的单元格设置了一个1像素宽的边框，并设置了灰色的颜色。最后我们通过 padding: 10px; 为单元格设置了10像素的内边距，使表格的内容与边框之间有一定距离。

通过上面的几行CSS代码，我们就能轻松实现对表格的美化，让表格看起来更加清晰美观。希望本篇文章对你有所帮助！