jquery - 扩展一个元素来填充 li

Question

我正在尝试扩展此 jsfiddle 的 a 元素以填充 li 元素，但 display:block 不起作用我正在使用一张 table 来隔开它们。

如何才能让我的彩色边 Angular 发挥作用？因为我在 a 和 li 元素上都设置了背景，以产生彩色 Angular 的错觉。

http://jsfiddle.net/286bu/

Answer 1

将 height 参数添加到您的 a 标记，使其填满 li 的整个高度:

.menu a {
    font-size: 11px;
    color: #FFFFFF;
    display: block;
    background: #000;
    padding: 5px 20px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 0px;
    text-transform: uppercase;
    height:100%;
}