HTML/CSS 背景

Question

如何在 div 上设置背景？我有一个看起来像这样的 block :`

<div class="span4">
   <font color="000000">
      <h4 class="text-center">This is the title</h4>
      <p>This is my text</p>
      <a href="#" class="btn btn-success">
      <i class="icon-star icon-white"></i> This is my button</a>
   </font>
</div>

我想让整个 block 都有背景图像，但是当我尝试时(我已经尝试了 6 种不同的方法)，它要么根本不起作用，要么不填满整个框，要么填满整个页面。

使用JoshC的CSS相关答案后，我遇到了这个问题。在图像中你可以看到我的背景，但它并没有延伸到我想要的整个区域。侧边栏，一直到“主页”上蓝色突出显示的左边缘，意味着是不同的图像(尚未设置)，其余部分将是显示的图像。 This is the image

我想要的另一件事是应用于多个 div 的背景，但不是全部，但这是可选的......

非常感谢任何帮助。

Answer 1

像这样应用background-image:

.span4 {
    background-image: url(http://example.com/image.png);
}

jsFiddle demo

或者 .. HTML 中的样式如下:

<div class="span4" style="background-image: url(http://example.com/image.png);"></div>

jsFiddle demo

您显然必须将 URL 更改为存在的图像。

请在此处查看有关 background 属性的规范:https://developer.mozilla.org/en-US/docs/Web/CSS/background-image