CSS边框和文本的边框半径

Question

当我想要一些标题文字时，我遇到了这个伎俩。我喜欢它的外观，因为想知道是否有办法让目标明确。

.pagebreaker {
    padding: 10px;
    margin-bottom: -5px;
    border-top: 4px solid #f6d241;
    border-radius: 35px;
  }

参考图片：

我尝试过负边界半径和负填充。这里有什么我想念的吗？或者这是不能做的事情？

感谢。

Answer 1

使用border-bottom

＆＃13;

＆＃13;

.pagebreaker {
    padding: 10px;
    margin-bottom: -5px;
    border-bottom: 4px solid #f6d241;
    border-radius: 35px;
    
    width: 300px;
    height: 10px;
  }

＆＃13;

<div class="pagebreaker"></div>

＆＃13;

＆＃13;

＆＃13;