CSS中h1下的双下划线

Question

我希望我的h1下面有两个边框.一个是厚的,只是文本的宽度,第二个是更薄的和整个容器的宽度.

像这样:

在此输入图像描述

我怎么能用CSS做到这一点？

我已经尝试了很多东西,看起来很容易,但我无法理解!我也找不到像这样的任何其他论坛或帖子.

Answer 1

如果您可以将HTML更改为:

<h1><span>Advertiser Name &mdash; Manage Campaigns</span></h1>

然后你可以使用这个CSS:

h1 {border-bottom:2px solid black; padding-bttom:5px}
h1>span {border-bottom:5px solid black}