css - 如何在 wordpress 中使我的水平导航面板在两端变圆？

Question

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

当我尝试使用 CSS 代码 border-radius 将按钮(链接中的“欢迎”按钮)四舍五入时，它只会在实际按钮后面创建一个圆 Angular 表。所以我的问题是:如何将按钮(链接中的“欢迎”按钮)更改为圆 Angular 而不是在后面添加另一个按钮？

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

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

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

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

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