Css 如何创建圆角的假标签？

即使我读过，我还是被卡住了

以下是我想做的：

你可能猜到的问题在中间。 下面是我如何在标签上“剪切”到div（很抱歉，这很难看，但这样解释会更快）（绿色正方形=div）：

尽管它与IE6-7不兼容（非常感谢微软），但以下是它在Firefox、Chrome和Opera下的功能：

现在我想完成左边和右边的边框，并在底部完成圆角（如第一张图片）。你知道我该怎么做吗（请记住，我正计划把工作交给另一个人，他的任务是使我的工作与IE6和IE7兼容）？我卡住了

[编辑]经过数小时的搜索，多亏了“加比，又名G.佩特里奥利”（非常感谢）的帮助，我几乎做到了我想要的所有事情

以下是我得到的：

以下是我想要的：

---

如果你有任何想法…

如果它应该与IE6和IE7兼容，唯一的方法就是使用图像。 作为一个大背景图像（仅在高度和宽度为noct动态时有效）或为每个边框和角使用一组图像（带背景图像的div和重复边框）

这也能起作用（我通过谷歌搜索找到的）是 但是，根据他们使用的方法，它可能会严重影响ie的性能

顺便说一句，如果你使用纯css3，你有边界半径，甚至边界图像来做这些事情。

---

（）

您可以使用css和选项卡右侧的单个图像来实现这一点

看看这个演示，在红色元素中添加一个

背景图像

（带有class

.tab分隔符的元素

）

---

---

如果您可以使用不同的选项卡右侧（不太长），您根本不需要图像，请在

进行演示。虽然您的图像很有用，但我们需要查看您的HTML/CSS。A也会有帮助。jsFissle=链接到其他图像，我的图像在我的开发环境中=不可能从外部访问…您只需上传这四个图像：。完成，并在这里更新代码您不知何故在那里有

-webki border radius

，这没有任何区别。谢谢，我已经更新了这里的图片越来越近，现在我只需要地图在同一高度比其他。。。CSS对我来说太难了。。。别弄得那么乱stuff@OlivierPons，我相信这就是你想要的@佩特里奥利：难以置信！你太棒了！我只是想补充一下唯一缺少的东西：一种暗示。。。但它把一切都推向了错误的方向@奥利弗，你正在撤销我所做的改变。。选项卡与内容的水平蓝色边框重叠时会进行精确计算。。至于提示，你希望它如何工作？