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

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

3第一步，执行完上面的操作之后，设置背景图片样式，在右边的lttitle标记之后创建一个ltstyle标记，然后在该标记中设置ltbody标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤4第一步，执行完上面的。

1首先打开Atom编辑器导入项目文件夹，先创建一个indexhtml的文件定义一下html文件的主信息2然后填写自己的网页内容， 设置一下样式，直接在body后面加上background=quot图片名字quot即可插入图片3最后来到浏览器，刷新。

backgroundcolor orangequot这是文字1ltdiv ltdiv style=quotwidth 100% height 25pxbackgroundcolor redquot这是文字2ltdiv ltdiv 3浏览器运行indexhtml页面，此时按钮被添加上下两个不同颜色的背景。

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

例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码body background urlsmallpng norepeatbackgroundsizecover 3浏览器运行indexhtml页面，此时背景图片被设置为平铺在html页面上。

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