Question

我有一个表格的设计，旁边有一个菜单：fiddle，问题是#settingNev ul li a的角落显示在border-right上，所以几乎没有白色点和边框连接到菜单和桌子（你可以轻松地在小提琴中）。

我怎么能做帽子他们不会？我希望ul＆＃39; li background-color保持白色并且不透明（透明解决它）？

此外，我不想将左边，上边和下边框设置为0px因为当它悬停一个li时另一个移动

Answer 1

类似于musefans回答，但有一个修复^^

#settingNev ul li a {
    display: block;
    border-radius: 6px 0px 0px 6px;
    color: #666;
    //padding: 5px 3px;
    padding: 6px 3px 6px 4px;
    border: none;
    border-right: 1px solid black;
    //margin: 1px 0 1px 1px;
}
#settingNev ul li a:hover {
    border: 1px solid black;
    border-right: 1px solid white;
    //margin: 0;
    padding: 5px 3px;
}
#settingNev .active a {
    border: 1px solid black;
    border-right: 1px solid white;
    //margin: 0;
    padding: 5px 3px;
}

here is a fiddle(updated)

你也有一些重复的css

更新：使用填充而不是边距现在你可以在我更新的小提琴中看到它

css，边境边界

1 个答案: