去除列表li元素的下边框
注意不要为 ul 设置高度,可以在外层父元素设置想要的高度。
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>