css边框黑客为2列div模板

Question

2边框将重叠并产生不良外观。我想将边框应用于位于div中的li，也需要使用border来从旁边的div中分离出来，

<div id="1">

</div>

<div>
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>
</div>

查看我的演示http://jsfiddle.net/CfYhY/

我的欲望效果： http://i.imgur.com/Mkf5yJD.jpg

Answer 1

你尝试过使用负边距吗？

http://jsfiddle.net/CfYhY/1/

li {
    border-left: 4px solid red;
    border-bottom: 1px solid white;
    padding-left: 10px;
    margin-left: -4px;
}

不过，你不应该用数字来启动元素id。