如何在我的网站上设置快速边框？

Question

我想制作一个跨越网页宽度的细线边框。我现在正在做的方法是在<p>元素中添加<div>标记，因为我的<div>内没有任何内容，只显示任何内容并使文本与背景颜色相同

但有没有更有效的方法来制作行边框，而无需在<p>元素中添加<div>标记？

HTML：

<div class="lineborder">
  <p>line</p>
</div>

CSS：

.lineborder {
  background-color: #4f5054;
}

.lineborder p{
  color: #4f5054;
}

Answer 1

使用hr标记。它将在整个网页上运行。

然后你可以这样设计：

hr {
  background: red;
  border: 1px solid pink;
  height: 10px;
  /* More styles */
}