我们再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边框只显示上边框和左边框,这样就解决了边框线条粗细不一的问题