css是层叠样式表语言（cascading style sheets）的缩写，它可以用来设置网页的样式和布局。在网页制作中，表格是常见且重要的元素之一，如何用css设置表格的边框是我们需要了解的。
一、使用 border 属性
设置表格的边框最常见的方法是使用CSS的border属性。
下面是设置表格边框的CSS代码：
table {
border: 1px solid black;
}
立即学习“前端免费学习笔记（深入）”；
上述代码中，我们在table元素上应用了一个border属性。其中，border属性包括三个属性值，分别是border-width、 border-style、和border-color。在这个例子中使用的值为1px solid black，它们分别表示：
border-width：边框的宽度，通常是以px为单位指定；
border-style：边框的样式，可以是solid、dotted、dashed和double等等；
border-color：边框的颜色，可以是具体的颜色名称、十六进制颜色代码或者RGB颜色值。
二、使用边框颜色样式属性
在使用border属性时，可以使用独立的属性值设置边框的粗细、样式和颜色，如下所示：
table {
border-width: 1px;
border-style: solid;
border-color: black;
}
这段代码和前面的那段代码效果是一样的，只不过这里我们分别指定了边框的每一个样式属性。
Twitter Bootstrap无疑是最好用的前端开发框架，其中对表格的预设样式也是非常的好看，可以满足我们日常的界面风格，但是实际项目中，我们可能需要动态的加载Table表格里面的内容，然后需要有个排序的功能。
三、设置不同的边框样式
如果我们希望表格的不同边框样式不一样，可以这样设置：
table {
border-width: 1px;
border-style: solid;
border-color: black;
border-top-style: dashed;
border-bottom-style: dotted;
}
通过使用border-top-style和border-bottom-style，我们可以单独设置表格的上下边框的样式。上述代码设置了表格的上边框为虚线（dashed），下边框为点线（dotted）。
四、仅设置表头的边框
有时候，我们只希望设置表格的表头部分的边框，而不是整个表格的边框。我们可以通过使用thead、th、tr元素来选择表头部分，然后根据需要设置边框。
下面是设置表头边框的CSS代码：
thead th {
border: 1px solid black;
}
在上面的代码中，我们仅仅选择了thead元素中的th元素，并设置了它的边框为1px的实线。如果你只想设置表头的某一个单元格的边框，只需将thead th换为单元格的类或ID，然后再设置就可以了。
总结
以上是设置表格的边框的常见方法。我们可以根据需要，选择不同的样式属性来实现表格边框的设计。在使用边框样式时，我们可以根据需求来设置不同的样式，例如如果希望表格的标题和数据行的边框样式不同，可以分别设置他们的样式。如果你还想更加深入了解CSS的表格技巧，可以查阅专业的教程和案例，来掌握更多的技巧和实践方法。
