Question

是否可以使<div>元素包含背景图像，如果是，我将如何进行此操作？

Answer 1

你是说这个？

<style type="text/css">
.bgimg {
    background-image: url('../images/divbg.png');
}
</style>

...

<div class="bgimg">
    div with background
</div>

Answer 2

你可以使用CSS的background专有名词来做到这一点。有几种方法可以做到：

按ID

<强> HTML： <div id="div-with-bg"></div>

<强> CSS ：

#div-with-bg
{
    background: color url('path') others;
}

按班级

<强> HTML： <div class="div-with-bg"></div>

<强> CSS ：

.div-with-bg
{
    background: color url('path') others;
}

在HTML中（这是邪恶的）

<强> HTML： <div style="background: color url('path')"></div>

<强>其中：

颜色是十六进制颜色或X11 Colors
路径是图片的路径
其他喜欢位置，附件

background CSS属性是该语法中所有background-xxx项目的连接：

<强>背景： 背景颜色 背景图像 背景重复 背景附件 背景位置;

来源：w3schools

Answer 3

是：

<div style="background-image: url(../images/image.gif); height: 400px; width: 400px;">Text here</div>

Answer 4

使用此样式获取居中的背景图像而不重复。

.bgImgCenter{
    background-image: url('imagePath');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}

在HTML中，为div设置此样式：

<div class="bgImgCenter"></div>

Answer 5

使用类似..

<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;">Example of a DIV element with a background image:</div>
<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;"> </div>

Answer 6

您只需添加一个id为

的img src属性即可

<body>
<img id="backgroundimage" src="bgimage.jpg" border="0" alt="">
</body>

并在CSS文件中（拉伸背景）：

#backgroundimage
{
   height: auto;
   left: 0;
   margin: 0;
   min-height: 100%;
   min-width: 674px;
   padding: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: -1;
}

Answer 7

<div class="foo">Foo Bar</div>

并在您的CSS文件中：

.foo {
    background-image: url("images/foo.png");
}

Answer 8

<div id="imgg">Example to have Background Image</div>

我们需要在Style标签中添加以下内容：

.imgg(

   background-image: url('C:\Users\ajai\Desktop\10.jpg');

)

Answer 9

在大多数情况下，该方法与设置整个身体相同

.divi{
    background-image: url('path');
}

</style>

<div class="divi"></div>

将背景图像添加到<div>元素</div>

9 个答案:

按ID

按班级

在HTML中（这是邪恶的）