css - 想要在页面上制作一条填充色线

Question

我想制作一条线，假设在整个页面上填充了大约 20 像素的绿色。什么 html 或 css 可以做到这一点？

我尝试了一个在其他网站上找到的简单代码，但没有成功。我特别希望它只有一条线穿过页面，因为这将用作图像的附加背景。

Answer 1

为什么不直接使用 <hr>元素并相应地设置样式？

HTML

<p>some content</p>
<hr class="line">
<p>some more content</p>

CSS

.line {
    height:20px;
    background-color: green;
    border:0;
}

FIDDLE