css背景图样式 css背景图拉伸不变形

CSS如何添加背景图片

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

10年积累的成都网站建设、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有威海免费网站建设让你可以放心的选择与我们合作。

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

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

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

css背景图片代码

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

2、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

3、设置背景图片为当前目录下的demo.png的css代码是background-attachment。

CSS添加背景图片

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

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

3、我们首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。

4、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。新建文件完成之后，写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。

5、可以通过cover和contain来对图片进行伸缩。