Html 如何在我的网站中创建快速线边框？

我想做一个细线边框，穿过网页的宽度。我现在的做法是在

元素中添加一个

标记，因为如果

中没有任何内容，则不会显示任何内容，并使文本与背景颜色相同

但是，有没有一种更有效的方法来制作线条边框，而不必在我的

元素中放置

标记

HTML:

---

使用

hr

标记。它将在网页上运行

然后您可以将其样式设置为：

hr{
背景：红色；
边框：1px纯红；
高度：10px；
/*更多样式*/
}

使用

hr

标签。它将在网页上运行

然后您可以将其样式设置为：

hr{
背景：红色；
边框：1px纯红；
高度：10px；
/*更多样式*/
}

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