html将图片做背景(html图片做背景怎么设置大小)

1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中；第一步，设置背景颜色，只要改变body的bgcolor属性，不过要注意颜色与文本颜色的搭配要协调清晰第二步，HTML网页的背景图片得用background属性，文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口；html在div加背景图片的具体操作步骤如下1新建一个html文档，编写一个类名等于setbg的div标签2div写上样式，“background urlbg_mainjpg”的样式，设置背景图即可3设置了背景图，给div设置高度“height；一首先HTML布局lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle背景图设置lttitle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 二添加CSS样式lt！DOCTYPE。

1设置背景图片只需在css样式中设置backgroudimage属性ltstyle type=quottextcssquot body backgroundimageurl你的图片地址backgroundpositioncenterbackgroundrepeatrepeaty ltstyle 2其中， back；第一个给css文件添加背景图片使用urlimages背景图片2jpg在css中，由于html文件和css文件的相对位置不同，内联css和导入css中引入图片的路径会有所不同如图所示第二介绍如图所示第三种在div中添加图片；3在Dreamweaver CS6中新建一个html空白文档4将页面内容放入ltbodyltbody中5在ltbody后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置6选中背景图，点击“确定”7图片插入；3在DreamweaverCS6中新建一个html空白文档4将页面内容放入中5在ltbody后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置6选中背景图，点击“确定”=\quot\quot7图片插入完成=\quot。

html设置背景图片的方法有一种是用html的img标签进行插入，另一种是利用css的background标签插入HTML称为超文本标记语言，是一种标识性的语言它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet；visual studio简称为vs下面，我们来看看HTML中怎么插入图片作为背景图片吧01 打开vs 打开visual studio软件，并新建一个文件夹为img，把图片粘贴到文件夹中，如下图所示02 ltbody style=quot backgroundurlimg。

cover图片自适应整个页面2两个文件必须存在，首先，html是标记性语言，它不能自带图片，写代码的时候只是用img标记把图片的位置写进去，它会自己找图片，这就是为什么有时在网上看网页图片会有小红叉；我们首先使用了一张为registpng的图片作为背景，将其设置为背景将图片作为背景的具体代码入下图所示如果我们的背景小于我们的页面，而页面没有固定宽度的话，那么图片背景就会产生平铺，我们需要设置不让其自动平铺利用；背景图片是否重复填充HTML标签，这里设置的是只显示一次 backgroundrepeatnorepeat至于height和width的设置，这个是您所说的HTML元素的高度和宽度，可以根据背景图片的高度和宽度进行设置 如果您有任何问题都可以在下面的网站；新建一个html文件，例如indexhtml2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面，此时成功插入了背景图片。

先创建一个indexhtml的文件定义一下html文件的主信息2然后填写自己的网页内容， 设置一下样式，直接在body后面加上background=quot图片名字quot即可插入图片3最后来到浏览器，刷新一下网页，这样就会显示背景了。