html - 在边界半径之外添加样式

Question

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

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

Answer 1

您可以通过加大边框厚度然后将父级溢出设置为隐藏来实现这一点。

请参阅此示例。

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

Answer 2

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

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