問題描述

如上圖所示，這個(gè)是使用appcan開發(fā)的移動(dòng)app, 圖中的li是使用Listview列表組件寫的，代碼如下：

<p id='listview'> </p>var updateData = [{ title : '上海教育體系被贊世界最強(qiáng)之一教師是教育質(zhì) 量的核心', note : '2016-01-01', icon : 'img/icon_01.png'}, { title : '上海教育體系被贊世界最強(qiáng)之一教師是教育質(zhì) 量的核心', note : '2016-01-01', icon : 'img/icon_02.png'}];var lv1 = appcan.listview({ selector : '#listview', type : 'thickLine', hasIcon : true, hasAngle : false});lv1.set(updateData);

這個(gè)列表加了margin來設(shè)置li與li之間的間距，不起作用。

要達(dá)到如下圖所示的效果，ul的background-color是灰色的，li的background-color是白色的，li是有邊框的， 上個(gè)li的下邊框與下個(gè)li的上邊框 之間是有空隙的。

請(qǐng)問，如何用css設(shè)置這種 li與li 邊框 之間的空隙？

問題解答

找到問題的原因了，不是margin不起作用，而是background-color：#fff寫錯(cuò)了，ul也成了白色背景 -_-||| @_@

謝謝各位答主啊。。。

ps:鬧了半天是一個(gè)烏龍。。。真想找個(gè)地縫鉆進(jìn)去。。。捂臉。。。。

margin是外邊距 .這不就可以了嗎？

這個(gè)也沒有問題啊

看了樓下的。我再給你貼一個(gè)padding的

設(shè)置中間li的margin不行嗎

https://jsfiddle.net/n60rkeka/1/

設(shè)置margin就可以了。但是看上面的答案你都沒采納，是不是你的需求沒搞清，到底要怎么弄