条纹分隔标题和其余部分

Question

我想用一条线将标题与其余内容分开。

感谢任何帮助。

编辑。给 div 一个 border-bottom 完美地工作

Answer 1

您可以在标题和正文之间的 html 中使用 <hr/>，或者在 css 中使用类似的内容：

h1 {
     border-bottom: 1px solid;
}

Answer 2

正如@Saveli Tomac 所建议的那样，最好的办法是使用 <hr/> 标签。然后，您有两个带有此标签的选项。您可以单独使用标签，它只是一条实线，或者您可以提供 style="border-top: dotted 1px;" 以使其具有条纹外观。

<h1>EXAMPLE ONE (HR)</h1>
<hr/>
<p>HERE IS THE BODY</p>

<h1>EXAMPLE 2 (DOTTED BORDER)</h1>
<hr style="border-top: dotted 1px;" />
<p> HERE IS THE BODY</p>

条纹分隔标题和其余部分

Stripe to separate title and the rest

html

css

reactjs

html-framework-7