这是我最好的尝试:http: //jsfiddle.net/2y7TB/2/
这是我用过的:
我只在 Chrome 上测试过,如果你喜欢它并想要一个跨浏览器的解决方案,请询问:)
LE:似乎在最新版本的 Firefox 和 Opera 上也能正确显示。
.tab:before {
content: '';
position: absolute;
top: -23px;
right: -1px;
border-right:1px solid orange;
border-left:1px solid orange;
border-top:1px solid orange;
background:white;
width: 247px;
height:24px;
border-top-right-radius:5px;
border-top-left-radius:25px;
}
.tab:after {
content: '';
position: absolute;
top: -9px;
left:1px;
border-right:1px solid orange;
border-bottom:1px solid orange;
border-top:none;
background:white;
width: 53px;
height:9px;
border-bottom-right-radius:180px;
box-shadow:3px 3px 0px 3px white;
}