详情

css使div背景图片填充的具体操作步骤如下:

1、我们首先打开前端开发工具，新建一个html代码页面。

2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"。

3、设置背景图片，创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。

5、回到html代码页面，在bg-img类里添加background-position: center的属性。

6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。

如何给div添加背景图片

1、上传图片。先要构思你想得到什么效果，小图片和大图片的内容要配合好。按照步骤和提示，上传大小两张图片。（注:下面举例图片选自网络）。

2、获取图片地址。点“显示源代码”，进入代码编辑。找到图片地址，复制到“记事本”备用。

3、编辑小图片。

、清空编辑器，将下列代码粘贴:＜P><IMG src=“小图片地址”＞＜／P>。将本文第二步形成的小图片地址，粘贴的这组代码中“小图片地址”那个地方，形成一组新代码。

4、编辑大图片。将本文第三步最后形成的那组新代码，复制到“记事本”备用。

清空编辑器，将下列代码粘贴:

<P align=center>

<TABLE border=0 cellPadding=0 display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色 以上就是html中设置背景颜色的方法 background-color: background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。

如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

1.打开Word文档后，点击插入，选择图片的选项。

2.双击需要插入的图片。

3.点击插入下方的文本框，并选择样式。

4.选择环绕文字选项，点击下方的浮于文字上方。

5.将文本框拖入到图片上，并输入文字。

6.点击格式下方的形状填充，将文本框的背景色设置为无填充。

同一个元素不能设置2个背景图片的，当然可以这样做，写一个盒子（div）固定宽高，添加背景图片，，然后在这个div里面再写一个div和外围的div等宽高，样式加一个position:absolute属性，绝对定位来使两个div重叠，然后给它设置背景图片（background:url(../)no-repeat center）即可

1、首先我们打开sublime text软件，新建一个html页面，然后在在页面中添加html的基本结构；

2、 然后我们在html的body区域添加一个div，并且给div设置一下宽高以及边框的样式；

3、运行程序以后，你就会看到如下图所示的div区域，我们接下来就要给这个区域添加背景图片；

4、然后我们回到html文档，在div的样式规则里面添加background-image属性，给此属性指定一个图片路径，运行以后你就会看到背景图片了。

你给一个div添加背景图，不影响在这个div里面添加文字的，比如 <style> .class{width:200px;height:200px;background:url("图片路径")no-repeat;} </style> 注释:background:url("图片路径")no-repeat; repeat:平铺整个页面,左右与上下 repeat-x:在x轴上平铺,左右 repeat-y:在y轴上平铺,上下 no-repeat:图片不重复 <div> <p>你的文字内容</p> </div> 那么在这个div的背景图片就有了，你在里面写文字就可以了，如果你想给文字放到特定位置的话就需要定位了，