创建了div后，我们需要为div添加样式添加样式我们全部写在CSS文件中，并在html页面中引用具体的样式入下图所示我们首先使用了一张为registpng的图片作为背景，将其设置为背景将图片作为背景的具体代码入下图所示如果；1设置背景图片需要使用css样式设，设置代码如下 以整个页面的背景图片为例css样式body background urlimgbeijingjpg norepeaturl 内放置为图片的路径地址norepeat 图片不平铺backgroundsize cover图片自适应整个。

上面的代码表示Body这个HTML元素的背景颜色是翠绿色的演示示例 背景图片属性backgroundimage这个属性为HTML元素设定背景图片，相当于HTML中background属性ltbody style=quotbackgroundimageurlimagescss_tutorials；html设置背景图片的方法有一种是用html的img标签进行插入，另一种是利用css的background标签插入HTML称为超文本标记语言，是一种标识性的语言它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet。

打开前端开发工具，新建一个html代码页面 在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = #34bgimg#34设置背景图片创建style标签，然后在标签里面对类为bgimg设置背景图片图片；1以Hbuilder来讲解，首先新建一个HTML页面，如图2接着给标签设置背景图片，如图设置的是ltbody标签3然后新建一个css文件，如图4这里给body标签设置backgroundsize属性，如果标签是div就写div，然后可以设置宽。

第一种 在css文件里加入背景图片在css里用urlimages背景图2jpg，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同如图第二种在html中引入ltdiv class=quot；其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_filehtml”接着给标签设置背景图片，这里小编设置的是ltbody标签接着新建一个css文件，如图，小编命名为“1。

第五步，默认的文字图像的排列是文字靠下，如果为了美观或要求，可以修改文字与图片的位置，如图注意事项 bgcolor和background两个属性，之后会被css设置替代，不过也得学好为了保证网页加载的速度，背景图片不要太大。

html背景图片不重复平铺

1、第一个给css文件添加背景图片使用urlimages背景图片2jpg在css中，由于html文件和css文件的相对位置不同，内联css和导入css中引入图片的路径会有所不同如图所示第二介绍如图所示第三种在div中添加图片。

2、1打开html编辑器并创建一个新的html文件2新建完一个新的html文件后，在indexhtml的ltstyle标签中，输入如下所示的CSS代码3输入完CSS代码之后，接下来运行indexhtml页面，可以发现，本地图片通过背景图片衜中的。

3、04 要用css为这个div加上背景图片，只需要加上backgroundimage的样式，后面的值就是图片的地址了 backgroundimage url12jpg05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。

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

HTML背景图片怎么设置

1首先，打开html编辑器，新建一个html文件，例如indexhtml2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面，此。

CSS添加背景图片 css代码添加背景图片1背景色背景色 语法backgroundcolor数值 注意在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中这样做很麻烦，不仅。