带有背景的 HTML div

Question

我正在制作一个网站(虽然我对 HTML 和 Photoshop 一无所知)。 这对我来说是一个很大的挑战，我对目前所取得的成绩感到非常满意。

现在我想在网站上制作方框/ float 方 block 。

所以我想通过使用 div 来做到这一点，但我不知道如何:@

<div id="div1" style="background-image: url(../bg_content_middle.png);height: 129px">
HELLO IS THIS A BOX? 
</div>

我的 style.css 中有这个:

#div1 {Background: url("bg_content_middle.png");}

bg_content_middle.png 是一个 1 像素高的“栏”，我希望它位于顶部和底部之间。 那甚至不起作用:(

请帮帮我。

Answer 1

您将内联 CSS 与外部 CSS 规则混合在一起。 ../bg_content_middle.png 的内联样式正在覆盖 bg_content_middle.png 的其他背景图片网址.您只需定义一次。

在这种情况下，您可以选择纯 CSS 解决方案:

<div id="div1">HELLO I AM A BOX ^_^</div>

#div1 {
 background-color: #900;
 border: #f33 1px solid;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}

请不要给您的 div 编号不过，给他们起一些相关的名字，比如 <div id="content"> .

希望对你有帮助