html - CSS 属性 border-bottom-image 不起作用？

Question

这是我的 CSS 代码:

.header-text {
   -moz-border-bottom-image: url('images/tour_tab_border.gif') 27 27 27 27 stretch stretch;
   -webkit-border-bottom-image: url('images/tour_tab_border.gif') 27 27 27 27 stretch stretch;
   -o-borderbottom-image: url('images/tour_tab_border.gif') 27 27 27 27 stretch stretch;
 }

还有我的 HTML 代码:

<div>
  <h1 class="header-text" >let's Knockout Poverty in India!</h1>
</div>

为什么我的边框图片不显示？

Answer 1

实际上我没有看到是否有 -moz-border-bottom-image 属性，您可能需要 -moz-border-image。它允许你设置边框宽度，这样你就可以做类似的事情

-moz-border-image: url('images/tour_tab_border.gif') 0 0 27 0 stretch stretch;

如果你只需要一个底部边框，其他属性也一样。