去除列表li元素的下边框

注意不要为 ul 设置高度,可以在外层父元素设置想要的高度。

remove-the-list-last-li-bottom-margin

CSS:

ul {
overflow:hidden;
width:240px;
border:1px solid #65B453;
border-radius:4px;
background:#E9FBE4;
list-style:none;
}
ul li {
padding:15px 10px;
border-bottom:2px solid #65B453;
margin-bottom:-2px;
}

HTML:

<ul>
<li>负边距测试</li>
<li>负边距测试</li>
<li>负边距测试</li>
<li>负边距测试</li>
<li>负边距测试</li>
<li>负边距测试</li>
</ul>

猛击demo ☻

posted @ 2013-05-31 17:09  a fine day  阅读(690)  评论(0编辑  收藏  举报