我正在尝试使用 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');
}
最佳答案
只是一个普通的 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;
}
关于html - 在 HTML 和 CSS 中使用图像作为分隔符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22483026/