我想在列表中的行之间创建一些空白空间.线条是连续的.这是我创建的一个jsfiddle示例:http://jsfiddle.net/bonyhad/pnPDz/8/
这是CSS:
#example {
width:800px;
height:220px;
display:block;
overflow:hidden;
margin:0 0 4em 0;
}
#example ul {
list-style:none;
margin:0;
}
#example li {
border-bottom:1px solid #fff;
}
#example h1 {
color:#000;
font-size:20px;
margin-bottom:5px;
}
#example a:link, #example a:visited {
color: #444;
display:block;
border-bottom:1px solid #666;
text-decoration:none;
padding: .3em .25em;
}
.links {
float:left;
width:615px;
margin:0;
padding:0;
}
.links ul {
margin:0;
padding:0;
}
#example .links li {
float:left;
margin 0 20px 0 0;
width:185px;
}
#example .links li:nth-last-child(2), …Run Code Online (Sandbox Code Playgroud) css ×1