CSS如何添加背景图片

1、可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

专注于为中小企业提供成都网站设计、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业藁城免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

2、首先，打开html编辑器，新建html文件，例如：index.html。

3、打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。

4、第一种： 在css文件里加入背景图片：在css里用url(../images/背景图jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。

5、打开html编辑器并创建一个新的html文件。新建完一个新的html文件后，在index.html的标签中，输入如下所示的CSS代码。

6、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

为什么我在css中设定的背景图片在浏览的时候不显示?

1、保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。

2、css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。div的高度没有固定，是auto或者没有设值；div设置错误容易导致背景图片高度太大则无法显示。

3、代码编写有问题。解决的方法和详细的操作步骤如下：第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

4、图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

5、如果版式也乱了 说明是css文件路径错误。如果版式正常，只是图片不显示，就是图片路径写错了。在本地和服务器上文件路径有些不同，服务器上可以试着改为绝对路径试试。

css设置背景图片不显示问题

打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。设置背景图片样式。

第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

分享文章：css样式文件背景图片 css样式文件类型
转载源于：http://chengdu.cdxwcx.cn/article/diiggsh.html