Question

我有两个我无法解决的简单问题：

当超过“Home”时，您可以看到边框不再是半径。我该怎么做才能解决它？

当“服务”结束时，就会出现这条灰线在弹出菜单的右上角。我想丢弃它。

    <nav>
    <ul>
        <li><a id="homefix" href="#">HOME</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a id="serv" href="#">SERVICES</a>
            <ul>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">Programming</a></li>
                <li><a id="ecomfix" href="#">e-Commerce</a></li>
            </ul>
            </li>
        <li><a href="#">CONTACTS</a></li>
        <form>
        <input type="submit" class="searchsubmit" value="Search" />
        <input type="text" class="search" placeholder="Search" /> 
        </form>
    </ul>
</nav>

http://jsfiddle.net/yuvalsab/M9D89/

非常感谢！ :)

Answer 1

应用完整的border radius似乎有效。看起来并不坏，边框半径似乎没有在#homefix中应用。为什么你不能这样做：

http://jsfiddle.net/M9D89/3/

Answer 2

nav ul li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

nav ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

http://jsfiddle.net/M9D89/6/

两个简单的CSS问题

2 个答案: