替換<hr> line by image

Question

我想要自定義<hr>，以便不重複渲染一條普通線條，而是重複一個圖像以創建一條線條。

這是我的代碼目前使用

hr { 
    border: 0; 
    background: url(hr.png) repeat-x; 
} 

誰能幫助我？謝謝！

Answer 1

你需要指定一個height：

Example

hr{ 
    border:0; 
    height:20px; 
    background:url(http://placehold.it/20); 
}