ul li 实现 border-collapse:collapse; 效果

Question

ul li 实现 border-collapse:collapse; 效果

使用 ul li 标签有什么办法可以模拟实现 table 的 border-collapse:collapse; 效果吗？

Answer 1

ul 加上左边框下边框
li 加上上边框右边框
例子：http://jsfiddle.net/TELK7/

<ul>
    <li>one</li>
    <li>two</li>
</ul>

ul{
    border: 0 solid silver;
    border-width: 0 0 1px 1px;
}
li{
    border: 0 solid silver;
    border-width: 1px 1px 0 0;
    padding:.5em;
}

来源：https://stackoverflow.com/que...