html - CSS中h1下的双下划线

标签 html css

我想让我的 h1 下面有两个边框。一个较粗,刚好是文本的宽度,第二个较细,与整个容器的宽度一样。

像这样:

enter image description here

我如何使用 CSS 做到这一点?

我已经尝试了很多东西,看起来很容易,但我想不通!我也找不到任何其他论坛或类似的帖子。

最佳答案

如果您可以将 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}

Demonstration

关于html - CSS中h1下的双下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16225761/

相关文章:

html - 页面顶部的奇怪边距

css - 字符串不换行

css - 将 CSS 应用于表格行

css - 为什么我的侧边栏没有下降到我的页脚?

php - 为什么 PHP 代码在 HTML 之前执行?

javascript - 使用 Javascript 为 HTML 元素添加宽度

javascript - 包含多个图像且无重复的自动幻灯片放映

html - 有些字形显示,有些不显示? Bootstrap 3

html - 两列布局

javascript - 循环计时器sgv html js css,当变大时,线条与大小不匹配