在border-radius外添加样式

Question

这是我当前标题的样子。我想编辑它，下面图片中的部分与它旁边的div /边框颜色相同。我怎样才能做到这一点？

jsbin上的代码：http://jsbin.com/ezeyib/3/

Answer 1

您可以通过加大边框粗细，然后将父级溢出设置为隐藏来实现此目的。

见这个例子。

http://jsbin.com/ezeyib/5/edit

Answer 2

我的意思是你需要使用Photoshop或Illustrator创建一个png文件来检索预期的结果。

如果您可以使用普通背景而不是渐变背景，则可以创建两个大块（一个绿色和一个蓝色），并在其上创建一个圆角的形状，与实际外观相匹配。