小编bon*_*had的帖子

如何使用CSS单独为列表项加下划线?

我想在列表中的行之间创建一些空白空间.线条是连续的.这是我创建的一个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

0
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1