css - 列表li与li之间的间距怎么设置？
如上图所示，这个是使用appcan开发的移动app, 图中的li是使用Listview列表组件写的，代码如下：
<p id="listview"> </p>
var updateData = [{
title : "上海教育体系被赞世界最强之一教师是教育质 量的核心",
note : "2016-01-01",
icon : "img/icon_01.png"
}, {
title : "上海教育体系被赞世界最强之一教师是教育质 量的核心",
note : "2016-01-01",
icon : "img/icon_02.png"
}];
var lv1 = appcan.listview({
selector : "#listview",
type : "thickLine",
hasIcon : true,
hasAngle : false
});
lv1.set(updateData);
这个列表加了margin来设置li与li之间的间距，不起作用。
要达到如下图所示的效果，ul的background-color是灰色的，li的background-color是白色的，li是有边框的， 上个li的下边框与下个li的上边框 之间是有空隙的。
请问，如何用css设置这种 li与li 边框 之间的空隙？
