---

：主题分割（水平分割线）元素

尝试一下

§1: The first rule of Fight Club is: You do not talk about Fight Club.

§2: The second rule of Fight Club is: Always bring cupcakes.

hr {

border: none;

border-top: 3px double #333;

color: #333;

overflow: visible;

text-align: center;

height: 5px;

}

hr::after {

background: #fff;

content: "§";

padding: 0 4px;

position: relative;

top: -13px;

}

在 HTML 的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但它目前被定义为是语义上而非表现层面上的术语。所以如果想画一条水平线，请使用适当的 CSS 样式来实现。