小编Łuk*_*jet的帖子

我试图得到一个双边(下划线)标题.第一个是全宽,第二个是文本宽度.边框应该重叠有一个简单的解决方案,有两个嵌套的元素:

<h1><span>Title</span></h1>

和css:

h1 {
    border-bottom: 1px solid red;
}

h1 span {
    display: inline-block;
    padding: 0 0 10px;
    margin-bottom: -1px;
    border-bottom: 1px solid blue;
}

Span具有inline-block显示属性,因此它具有正确的宽度.

我不知道是否有可能获得具有同样的效果:after,:before选择和唯一h1元素.