航向内2跨CSS3边界半径，是否可能产生这种影响？

我想实现我在下面的链接中发布的页面上所有h2s的形状。我有一个大概的想法，我可以做它使用png背景图像与一对夫妇跨越内标题也许

关于这在纯CSS中是否可行，有什么想法吗？我更喜欢这样，因为在这个例子中我不担心IE9或更低版本

对不起，如果我的帖子描述不是最好的，不知道如何描述这个形状

提前感谢：）

---

轻拍

您只需设置填充、边框半径并使用绝对定位即可获得元素的直线位置，请参见

HTML:

 <h1 class="shaded">lorem</h1>
 <h2 class="shaded bottomright">ipsum</h2>

但是，这不允许您平滑两个元素之间的角，这仅在CSS中是不可能实现的。

---

您可以使用图片平滑拐角，但这会给您带来一些定位问题。

如果您发布迄今为止尝试过的代码，这会很有帮助。Ohhhh等等。。。这是关于画布的…真的吗？因为如果是的话，那你为什么要提到使用CSS3呢？对不起，我以为canvas会在某个地方出现呢？正如我所说，我认为我的描述已经有点糟糕了，因为我不知道如何描述形状！谢谢你的回答：）这就是我得到它的地方，非常相似-我想知道是否有CSS技巧或什么东西可以实现最后一点-元素之间的平滑。我想只使用一个png，将平滑曲线定位在第一个跨度上就可以了？我看了一下使用CSS3框阴影，但是没有办法消除模糊。

.shaded
{
    padding:10px;
    background-color:#000;
    border-radius:12px;
    font-family:verdana;
}

.topleft
{

}

.bottomright
{
    position:absolute;
    left:40px;
    top:6px;
}

h1
{
    font-size:20px;
    color:#FFF;
    display:inline-block;
}

h2
{
    font-size:60px;
    color:#FFF;
    display:inline-block;
}