Question

所以我有一个网站我正在开发，我需要在html中的<div>标签内部有一个图像作为背景，这是我到目前为止的当前代码：

<div id="menu" style="background-color:ffd700;float:left;height:600px;width:250;">

Answer 1

<div id="menu" style="background: #FFD700 url('myImage.jpg');">

如果浏览器使用图像拦截器，无法查看图像或图像不存在，将使用十六进制颜色值。 URL是图像的路径（可以是相对路径或绝对路径。

更多信息：CSS Basics: Background Properties

P.S。即使这个代码块事实上有效，但设置内联样式也是不好的做法。您应始终使用外部样式表将样式与内容分开。

Answer 2

首先，使用内联样式不是很好的做法。由于您的div标签已有id，因此您可以在样式表中将样式应用于该ID。这样做的代码如下所示：

#menu {
    background: url("path_to_your_image") #ffd700;
    float: left;
    height: 600px;
    width: 250px;
}

设置背景图片的部分是background: url("path_to_your_image") #ffd700应用颜色。但是，由于默认情况下背景图像设置为重复，除非您指定不重复背景，否则您将看不到颜色。您可以将上一行更改为background: url("path_to_your_image") no-repeat #ffd700。

当然，如果您不想使用样式表，则同样适用。您只需将该行放在HTML标记的style属性中即可。

如何在<div>标签（html）</div>中将图像设置为背景

2 个答案: