想要在頁面上填充色線

Question

我想讓一條線讓綠色在頁面上填充大約20px。什麼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