我正在开发一个接口CSS,我遇到了以下问题:
当我将左侧边框的大小设置为大于其他边框时,它不会与的下边缘重叠。
在这种情况下,边的底边与左边的绿色重叠!
#contactList > li {
font-weight: bold;
color: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
background-image: -webkit-linear-gradient(#ededed, #eff0f2);
background-image: -moz-linear-gradient(#ededed, #eff0f2);
background-image: -ms-linear-gradient(#ededed, #eff0f2);
background-image: linear-gradient(#ededed, #eff0f2);
border-bottom:1px solid #999999;
border-left:10px solid green;
border-right:1px solid #999999;
height:55px;
}
1条答案
按热度按时间xv8emn3q1#
你必须把边界放在ul元素上而不是li元素上;)