如何使我的水平导航面板在 wordpress 的两端都四舍五入？答案

【问题标题】：How do I make my horizontal navigation panel rounded on both ends in wordpress?如何使我的水平导航面板在 wordpress 的两端都四舍五入？
【发布时间】：2014-07-01 04:52:32
【问题描述】：

这是在我的本地站点上，无法观看。但这里有一个相同主题的网站：mladvisory.eu

当我尝试使用 CSS 代码 border-radius 对按钮（链接中的“欢迎”按钮）进行圆角处理时，它只会在实际按钮后面创建一个圆角表。所以我的问题是：如何将按钮（链接中的“欢迎”按钮）更改为圆角，而不是在后面添加另一个？

这是我要添加的代码，但我在哪里写呢？

.welcome { border-top-left-radius: 10px; }
.welcome:hover { border-top-left-radius: 10px; }

我希望左键的左上角圆角，而右键的右上角圆角。

我不知道任何 CSS，我只是在网上找到的。

【问题讨论】：

按钮？什么按钮？你的代码在哪里？

标签： css wordpress rounded-corners

【解决方案1】：

在任何时候都不会被归类为受欢迎的......

<div class="menu">
    <ul id="menu-menu" class="nav sf-menu">
        <li class="page_item page-item-9 current_page_item">
            <a href="http://mladvisory.eu/">Welcome</a>
        </li>

试试：

ul#menu-menu li:first-child a {border-top-left-radius: 10px;}

【讨论】：

好的，非常感谢。它只需要在 style.css 中创建一个 #navigation li:first-child a {border-top-left-radius: 10px;}