<分区>
<分区>
这就是我现在所拥有的，但我需要调整 标题 上两条线的间距，使其看起来像底部的水平线。
事情是当我调整它使其成为 border-top: 5px double black; 时，它使线条变粗，当我需要它时，它只会被分开更多并保持细。
这是我的 HTML:
<h4><span>Sample sample sample</span></h4>
<p>lorem ipsum</p>
<hr>
这是我的 CSS:
h4 {
width: 100%;
text-align: center;
border-top: 4px double black;
height: 10px;
line-height: 0.1em;
margin: 30px 0;
font-size: 29px;
span {
background-color: white;
padding: 0 10px;
}
}
hr {
border-bottom: 1.5px solid black;
border-top: 1.5px solid black;
border-left: none;
border-right: none;
height: 10px;
}
这是一个 fiddle
最佳答案
从这里删除一个边框:
hr {
/* border-bottom: 1.5px solid black; */
border-top: 1.5px solid black;
border-left: none;
border-right: none;
height: 10px;
}
fiddle :http://jsfiddle.net/anh7qtd1/
关于html - 环绕文本的双水平线之间的间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34921905/