与反向圆角

-3

CSS导航栏，我可以做这种类型的导航栏。

这是我在这里的当前结果

current nav bar

.tabrow:before { 
    position: absolute; 
    content: " "; 
    width: 100%; 
    bottom: 0; 
    left: 0; 
    z-index: 1; 
} 
.tabrow li:after { 
    right: -6px; 
    border-bottom-left-radius: 6px; 
    border-width: 0 0 1px 1px; 
    box-shadow: -2px 2px 0 #D1D1D1; 
} 
.tabrow li.selected:before { 
    box-shadow: 2px 2px 0 #FFF; 
} 
.tabrow li.selected:after { 
    box-shadow: -2px 2px 0 #FFF; 
}

是小提琴link

我有李的第一和最后一个子问题。

来源

2014-10-29 Binod Pariyar

请提供您迄今尝试过的代码并将其放在您的问题中。演示（即使在发生故障时）也将有助于回答您的问题。 – secelite 2014-10-29 08:38:40

现在我已经提供了一个示例代码，现在您可以帮助@ secelite – 2014-10-29 09:02:33

请检查此解决方案：http://stackoverflow.com/questions/8929173/css3-menu-with-inverse-rounded-corners/8931791#8931791。这看起来正是你在找什么。 – secelite 2014-10-29 09:13:04

你在找什么是倒圆角。 SO有一个解决方案。

您可以在这里查看：css3 menu with inverse rounded corners。

当然，您必须熟练掌握您的代码。

来源

2014-10-29 09:31:59 secelite

回答

相关问题