html如何让ul的边框消失,设置了ul的下边框，没设置li的下边框，为什么两者之间会有空隙？如何消除该空隙？...

现有三个文件，分别为index.html，index.js，style.css，主体代码如下：

index.html

...

index.js

new Vue({

el: "#app",

data() {

currentLi: 1

},

template:

`

• 1
• 2
• 3

`

});

style.css

.c1 {

border-bottom: 1px black solid;

list-style: none;

padding-left: 0;

}

.c2 {

display: inline-block;

border: 1px black solid;

border-bottom: none;

margin-right: 10px;

padding: 5px 15px 5px 15px;

}

.c3 {

border-top: 3px red solid;

border-bottom: 1px solid black;

}

效果图如下：

如何消除li的边框带来的缝隙