步骤一首先打开需要修改的HTML文件步骤二然后始化样式，将代码添加在标签内步骤三添加一个p容器，然后命名为bgbox步骤四背景全屏需要容器全屏，将bgbox的样式补全步骤五设置完毕，图片背景以及全屏了我用。

的css代码1横向铺满，纵向留有空隙或超出屏幕body backgroundurl图片路径 norepeat center backgroundsize100% auto2纵向铺满，横向留有空隙或超出屏幕body backgroundurl图片路径 norepeat。

css代码添加背景图片1背景色背景色 语法backgroundcolor数值 注意在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中这样做很麻烦，不仅代码多，而且对于。

2在添加，于中间添加，在内添加标签，内同时添加标签，方便连接导航跳转3在新建的内，添加横向导航要显示的内容4在下方添加一个5源文件html保存后，使用浏览器打开预览效果。

2如果你插入的图片是通过标签的方式来插入的话，可以通过自身的属性控制图片大小，代码格式是3如果非要通过css控制背景图片的大小，可以通过backgroundsize样式来实现，具体的css格式是backgroundsize宽度 高度。

2新建文件完成之后，写入一个div代码操作，如图所示3写入div代码之后，引入一个css样式，如图代码操作所示4引入样式代码之后，打开引入的css文件，如图所示5在新引入的css文件中，写入css背景图片代码即可，如图。

3此时的效果如下图片在容器中，水平居中 第二，css图片垂直居中 1css代码如下，用flexlayout实现 2页面代码HTML如下 3此时的效果如下垂直居中 三css图片水平和垂直居中 1使用flexlayout实现css的水平和垂直居中。

body backgroundimage url#39imagesbgjpg#39 其中 imagesbgjpg 是图片的本地文件路径，可以根据实际情况替换为其他路径请注意，如果您的 CSS 文件和图像文件不在同一目录中，则需要使用绝对路径或相对。

css设置图片代码也就是说在css中给网页中添加背景图片 bjimg width200px height200px backgroundurl图片存放路径 norepeat 讲解因为是在css中设置图片，所以起一个css样式名为bjimg，在div中。

可以在CSS里面用backgroundimageurl你的图片地址这样来加入图片，展现到网页中 bgimg background #333 url图片路径 center center norepeat 第一个参数，图片底层的背景颜色，第二个参数，图片路径，第。

新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码bodybackgroundimage URLimageimagejpg3浏览器运行indexhtml页面，此时CSS成功通过相对路径引用了图片。

1打开html编辑器并创建一个新的html文件2新建完一个新的html文件后，在indexhtml的标签中，输入如下所示的CSS代码3输入完CSS代码之后，接下来运行indexhtml页面，可以发现，本地图片通过背景图片衜中的本地路径。

css层叠图片代码这个层为外面的父层，只需设置相对位置样式即可 这个为里面要叠加的层，只需设置绝对样式 这个为层里面的内容图片 这个为父层内容 或者。

1准备一张图片，新建一个空白html文件 2其中html文件内容如下图所示，html中包含了一张图片，及对应的描述段落 3给html添加head标签，在标签中定义样式 p border1px solid red img floatleft margin0。

二接下来运行页面就可以看到如下图所示的带背景图片的div了三然后在div中包裹文字就可以了，如下图所示四运行页面我们就可以看到图片上显示出文字了，如下图所示，以上就是用CSS往图片上加文字的实现了。

3然后通过background给div添加1张图片作为它的背景4然后通过url来连接图片，这个时候url里面放置的就是背景图片的路径5然后放入1张图片用作背景，注意路径正确6最后点击保存，文字就会覆盖在图片上，css让。