html - 在 HTML 和 CSS 中使用图像作为分隔符

Question

我正在尝试使用 png 图像作为网页中的分隔符，但它们没有出现。我错过了什么吗？如果我不得不放弃图像，你会怎么做呢？非常感谢。

我有以下 HTML:

<tr>
   <td align="center">
      <img class="Separator" align="center" style="width:70%" />    
   </td>
</tr>

和以下 CSS:

.Separator {
   background: url('/ct/images/L/Separator.png');
}

Answer 1

只是一个普通的 ol <hr>标签就足够了 - JSFiddle Demo

HTML

<p>Lorem ipsum dolor sit........rna, quis interdum orci rutrum quis.</p>

<hr>

<p>Sed mollis urna me............imperdiet ac augue. </p>

CSS:

hr {
    border:0; 
    height:20px; 
    background:url("http://lorempixel.com/400/200/sports/") 0 0; 
}