解决html中表格线条粗细不一的问题

我们再html中使用原生的table时，为了美观往往会通过改变td的border来改变表格边框的样式，但是通常会处出现边框线条粗细不一的问题，下面代码解决了该问题

table {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #95B8E7;
    border-left: 1px solid #95B8E7;
}
td {
    border: 1px solid #95B8E7;
    border-top: none;
    border-left: none;
}

通过代码可知：我们将table的border-collapse属性改成了separate，这是关键，然后td只显示下边框和右边框，最外层table边框只显示上边框和左边框，这样就解决了边框线条粗细不一的问题