html - CSS 两个边框。不同的高度

Question

我有一个问题，是否可以在纯 css 中做类似附件的事情？

<h3 style="border-bottom:1px solid #515151"><span style="border-bottom:3px solid #0066b3">HEADER</span></h3>

Answer 1

你可以这样做:

h3 {
    height:14px;
    padding-bottom: 10px;
    width: 100%;
    margin: 20px auto;
    float: left;
    border-bottom: 1px solid black;
}

h3 > span {
 border-bottom: 5px solid blue;  
}

还有你的html

<h3><span>HEADER</span></h3>

Fiddle