html图片做背景(html中用图片做背景)

html设置背景图片的方法有一种是用html的img标签进行插入，另一种是利用css的background标签插入HTML称为超文本标记语言，是一种标识性的语言它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet。

具体步骤如下1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接。

1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中。

背景图是在HTML模式下把以下代码加到已有代码最前面 ltbodybackground=quot图片地址quot 注图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用 方法五 ltSTYLETYPE=quottextcss。

visual studio简称为vs下面，我们来看看HTML中怎么插入图片作为背景图片吧打开vs 打开visual studio软件，并新建一个文件夹为img，把图片粘贴到文件夹中，如下图所示ltbody style=quot backgroundurlimgimg01jpgquot。

backgroundimageurl图片路径 为背景图片 norepeat 不重复50% 0 即水平位置 垂直位置 水平50%既居中，垂直0px2表格中插入图片背景lttable lt tr lt td width=quot300quot height=quot300quot background=quote\。

1设置背景图片需要使用css样式设，设置代码如下 以整个页面的背景图片为例css样式body background urlimgbeijingjpg norepeaturl 内放置为图片的路径地址norepeat 图片不平铺backgroundsize cover图片自适应整个。

背景图片不重复不平铺，可以这样设定背景1ltbody style=quotbackgroundimage urlquot图片文件地址quot backgroundattachment fixedquot这样背景图片就会固定住，不会因页面滚动而重复2使图在任何大小的屏幕都不会显示。

3在Dreamweaver CS6中新建一个html空白文档4将页面内容放入ltbodyltbody中5在ltbody后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置6选中背景图，点击“确定”7图片插入。

背景图片属性backgroundimage这个属性为HTML元素设定背景图片，相当于HTML中background属性ltbody style=quotbackgroundimageurlimagescss_tutorialsbackgroundjpgquot 上面的代码为Body这个HTML元素设定了一个背景。

新建一个html文件，例如indexhtml2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面，此时成功插入了背景图片。

第二步，HTML网页的背景图片得用background属性，文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口，会自动重复添加第三步，如果要在网页中插入图片，则得调用第四步，如果要设置图片大小。

lthtml 设置图片的地址请在url括号中设置backgroundimageurlimagesad1png设置图片的位置，这里是局中设置，当然您可以right和left设置backgroundpositioncenter背景图片是否重复填充HTML标签，这里设置的是只。

html在div加背景图片的具体操作步骤如下1新建一个html文档，编写一个类名等于setbg的div标签2div写上样式，“background urlbg_mainjpg”的样式，设置背景图即可3设置了背景图，给div设置高度“height。

缺点手机用户还是不支持总之，各有利弊，要根据实际的需求，选择使用哪种解决方案html中，怎么让背景图片充满整个页面在设置背景图片的后面的CSS里设置上 repeat例如backgroundurl图片的准确地址 repeat。

代码说明这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面代码标签解释1标签定义图像2src要显示的图像的URL图片。

一首先HTML布局lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle背景图设置lttitle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 二添加CSS样式lt！DOCTYPE。

html代码 lt！DOCTYPE HTMLlthtmlltbodyltimg id=quotbgquot src=quot图片地址quot ltbodylthtmlcss代码 body margin 0px padding 0px#bg width 100% height 100% top 0px left。