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

Question

我正在尝试扩展a此 jsfiddle 的元素以填充li元素，但display:block由于我使用表格来分隔它们，因此无法正常工作。

怎么做才能让我的彩色角起作用？因为我在两者a和li元素上都设置了背景，以产生彩色角落的错觉。

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%;
}