在html中添加背景图片(如何在html中添加背景图片)

1、在html中插入整个页面的背景图的方法如下1打开HBuilder2新建html项目3设置文件名，点击“完成”4将背景图拖动到Hbuilder工程的img文件夹5点击“确定”6找到ltbodyltbody7将ltbody改成lt；lthtml 设置图片的地址请在url括号中设置backgroundimageurlimagesad1png设置图片的位置，这里是局中设置，当然您可以right和left设置backgroundpositioncenter背景图片是否重复填充HTML标签，这里设置的是只；1首先打开Atom编辑器导入项目文件夹，先创建一个indexhtml的文件定义一下html文件的主信息2然后填写自己的网页内容， 设置一下样式，直接在body后面加上background=quot图片名字quot即可插入图片3最后来到浏览器，刷新；1首先，打开html编辑器，新建一个html文件，例如indexhtml2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面，此；visual studio简称为vs下面，我们来看看HTML中怎么插入图片作为背景图片吧打开vs 打开visual studio软件，并新建一个文件夹为img，把图片粘贴到文件夹中，如下图所示ltbody style=quot backgroundurlimgimg01jpgquot；背景颜色属性backgroundcolor这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性body backgroundcolor#99FF00上面的代码表示Body这个HTML元素的背景颜色是翠绿色的演示示例 背景图片属性backgroundimage；你的图片路径不对，当你的网页文件和back文件夹都保存在桌面时 1设置背景图片需要使用css样式设，设置代码如下 以整个页面的背景图片为例css样式body background urlimgbeijingjpg norepeaturl 内放置为图片的。

2、1先做一个简单的HTML页面，页面里只有一个div和一段文字2要添加整个页面的背景图片，我们就只能把背景加到body标签里了，所以我们在body里添加一个样式，叫‘bg’3然后定义这个bg的样式规则，主要就是添加back。

3、一首先HTML布局lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle背景图设置lttitle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 二添加CSS样式lt！DOCTYPE；6背景图片居中不重复 ltbody style=quotbackgroundimage urld\image\石家庄jpg norepeat 50% 0quot 注意图片路径问题，用d\image\石家庄jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页；注释 style 后双引号部分为CSS样式backgroundimageurl图片路径 为背景图片 norepeat 不重复50% 0 即水平位置 垂直位置 水平50%既居中，垂直0px2表格中插入图片背景lttable lt tr lt td width=quot；1新建一个html文档，编写一个类名等于setbg的div标签2div写上样式，“background urlbg_mainjpg”的样式，设置背景图即可3设置了背景图，给div设置高度“height500px”4设置高度之后，高度和背景。

4、然后可以设置宽度和高度如图所示，在new_filehtml里面写上这个ltlink href=quotcss1cssquot type=quottextcssquot rel=quotstylesheetquot就可以设置背景图片的大小了最后在浏览器中预览一下，这里只是部分背景；第二步，HTML网页的背景图片得用background属性，文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口，会自动重复添加第三步，如果要在网页中插入图片，则得调用第四步，如果要设置图片大小。

5、你给一个div 添加背景图，不影响在这个div里面添加文字的，比如ltstyle classwidth 200pxheight 200pxbackground urlquot图片路径quot norepeatltstyle注释background urlquot图片路径quot norepeatrepeat 平铺整个页面；用ltimg 标签代码样式ltimg src=quotxxxjpgquot width=quot100pxquot height=quot100pxquot 代码说明这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不。