css背景图片代码

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。

2、新建文件完成之后，写入一个div代码操作，如知源图所示。

3、写入div代码之后，引入一个css样式，如图代码运猛启操作所示。

4、引入样式代码之后，打开引入的css.文件，如图所示。

5、在新引入的css文件中，写入css背景图旁如片代码即可，如图所示。

要写css背启手景图片代码可以参考以下操作方法：

1、打开系统中的记事本，输入代码

2、点击标签后面，输入head及style标签

3、点击style标签之间，定义网页背景为图片，body {background-image:url(d:/bg.gif);}其中的冒号和分号一定不能缺少，否则会出错。

4、将文件“另存为”文件名可以随便取悄历嫌，保存格式一定要是html格式，存好后打开网页文件预览。

5、想让图片在网页中不重复显示的话，可以在style标签body中添加代码 background-repeat: no-repeat

6、想让图片在网页中沿纵向重复显示烂纯的话，可以修改上面代码为background-repeat: repeat-y 

7、想让图片在网页中沿横向重复显示的话，可以修改上面代码为background-repeat: repeat-x 。如果不能解决问题，建议重复上述步骤再操作一遍。

写css背景图片代码可以参考腊手物以下：

扩展资料：

1、背景图片语法：{background-image: url(url)|none} 

2、背景固定语法：{background-attachment:fixed|scroll} 

3、背景重复语法：{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}  

4、背景定轮液位语法：{background-position:数值薯颂|top|bottom|left|right|center} 

参考资料来源：百度百科-CSS语法

代码如下：

扩展资料

1.背景图片：background-image 

语法：{background-image: url(url)|none} 

2．背景重复：background-repeat 

语法：{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}  

3．背景固定：background-attachment 

语法：{background-attachment:fixed|scroll} 

4．背竖腊此景定位：background-position 

语法：{background-position:数值|top|bottom|left|right|center} 

参考资料来源：百度百科余迅局段-CSS语法

参考资料来源：百度百科-CSS background-image

背景色设置有时候局限性比较大，很多网站都采用图片来设置背景图片，可以做到让网页更美观。

设置背景图片的CSS属性是像这样的：

background-image: url(./images/background.jpg);

url是一个CSS函数，里面参数是图片的目录路径。

一般采用相对目录路径，也就是假设index.html存放在哪一个目录下，则在这个目录下创建一个images目录，将background.jpg文件放到images目录里面去。

修改css文件的body的样式，增加background-image，同时删除bigtitle的width属性，因为div默认就是宽度为100%，为了防止该属性对背景图片的干扰，所以删除掉不必要的属性。

css代码如下：

背景图像 - 水准或垂直平铺

默认情况下background-image内容会在页面的水准或者垂直方悔陪团向平铺。

图像只在水准方向平乱档铺（repeat-x）

背景图像碧橘 - 设置定位与不平铺

让背景图像不影响文本的排版如果你不想让图像平铺，你可以使用background-repeat内容：

以上实例中，背景图像与文本显示在同一个位置，为了让页面排版更加合理，不影响文本的阅读，我们可以改变图像的位置。可以利用background-position内容改变图像在背景中的位置：