如何在只有CSS的HTML中，在每个标题后添加水平线

有没有办法在每个标题后添加一条水平线而不使用

？我只想在

中添加一些内容。在标题后添加一行的正确方法是使用CSS，而不是

元素。请注意，H元素是块级元素（除非您将其样式设置为内联或在父容器上使用display:flex，因此边框底部将延伸容器的整个宽度）

这可以单独应用于任何h元素，也可以通过将所有h元素组合成单个样式声明来应用于所有h元素

h1{
垫底：8px；
边缘底部：8px；
边框底部：实心1px#e1e1；
}

---

这是一个标题

在标题后添加一行的正确方法是使用CSS而不是

元素。请注意，H元素是块级元素（除非您将其样式设置为内联或在父容器上使用display:flex，因此边框底部将扩展容器的整个宽度）

这可以单独应用于任何h元素，也可以通过将所有h元素组合成单个样式声明来应用于所有h元素

h1{
垫底：8px；
边缘底部：8px；
边框底部：实心1px#e1e1；
}

这是一个标题

您也可以应用：

h1::after{
    display: block;
    content: '';
    margin-top: 10px;
    border-bottom: 1px solid #000;
}

你也可以申请：

h1::after{
    display: block;
    content: '';
    margin-top: 10px;
    border-bottom: 1px solid #000;
}