html图片置底代码(html在div里加图片背景)

1、代码为 backgroundimage urlURL 1，背景颜色 backgroundcolor数值2，背景重复 backgroundrepeatinheritnorepeatrepeatrepeatxrepeaty3，背景固定 backgroundattachmentfixedscroll；一首先HTML布局lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle背景图设置lttitle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 二添加CSS样式lt！DOCTYPE；1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中；backgroundurlbgimagegif norepeat center bottomcenter 这句是图片位置横向居中后面的这句bottom 是图片位置竖向最底部超文本标记语言， 标准通用标记语言下的一个应用指页面内可以包含图片 链接，甚至音乐；除了使用html的img src=#39#39引入图片以外，还可以使用css的backgorund系列属性将图片作为背景图添加由于background系列属性比较多，这里不做过多介绍，只说几个比较常用的属性，其他的可参考官方文档学习html代码灶蔽。

2、height5调整小图片位置这是制作的关键代码MARGIN 0px 0px 300px 300px调整上边的值，就可实现定位6修饰还可对整体进行修饰例如加边框，会有立体感加入代码“border=10”即可10可以调整；在html中插入图片使用img标签，它有src属性用于填写该图片的路径，alt属性作用是当图片显示失败时就显示alt中的文字设置图片的宽用width，高用height，上下左右的位置分别用margintop，marginbottom，marginleft，margin；1图片不够大，又background属性不能拉伸图片2只能用个div，把其zindex值设为负，并使这个div大小为整个body大小，在div里用3body的background属性去掉，要不然会被遮住html网页设计里面平铺背景图片的代码如下；1在代码中经常用到的插入图片代码是img属性，格式就是src后面是添加图片的地址，后面的alt是对图片的描述2在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方3然后；HTML 中要设置背景的块大小 比如div 300px * 400px 那么背景图的最佳尺寸也是 300px 400px 然后设置 background urlimgsyourjpg norepeat center center背景水平垂直居中，效果最佳 css样式background属性；不是图片遮住了字体，而是Layer1那个div把其他元素遮住了而且你的页面里面有不少地方写法错误，你把代码发上来，我改好发给你；02 ltbody style=quot backgroundurlimgimg01jpgquot 设置背景图片的代码为 style=quot backgroundurlimgimg01jpgquot，如下图所示03 在浏览器中查看 右击HTMLPagehtm，选择在浏览器中查看，如。

3、2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面，此时成功插入了背景图片；“backgroundpositionbottom”功能背景图片的位置在底部“backgroundrepeatnorepeat”功能只显示一张背景图片但是这样没有达到你说的固定在右下角的目的你再自己修改一下背景图片就OK了在背景图片左边填充一。

4、1可以使用backgroundposition属性设置图片位置，具体的方法是，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签2然后设置body的样式，给body加一张图片，设置为不重复，设置backgroundposition属性。