0

インターフェースcssを開発していて、次の問題に遭遇しました: 左側の境界線のサイズを他よりも大きく設定すると、下端に重ならない... 良いショットを撮りましたが、持っていますそのようなものを見たことがありません...誰かが私を助けることができますか? ファイルjsFiddleに従います

この場合、エッジの下端が左のグリーンに重なっています!

http://jsfiddle.net/Igaojsfiddle/T6KrE/24/

#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;

}

援助を受けるのを楽しみにしています、ハグ。

4

1 に答える 1

0

li要素ではなく、ul要素に境界線を配置する必要があります;)

#contactList {
margin: 0;
padding: 0;
list-style-type: none;
border-left: 10px solid green;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
于 2013-06-20T17:13:49.193 に答える