CSS如何添加背景图片

html-css018

CSS如何添加背景图片,第1张

通过css:background-image语句设置背景。

background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。

(1)相对的文件位置:

(2)测试代码:

测试效果:

扩展资料:

background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

参考资料:百度百科--CSS background-image

首先,你想定义哪里的背景?

你所列的背景是针对input, select, textarea这三个标签的,即文本框、选择框、和文本区域的,修改这里的背景只能对应他们。

其次,检查你的背景图片是否存在?路径是否正确?

修改一下css写法,不写background-image,干脆直接写background缩写。

示例:

background:#000000 url(background.jpg)

background缩写书写顺序:

background:background-color background-image background-repeat background-attachment background-position

在网页的实际制作过程中,还需要注意网页的背景颜色和背景图片设置的许多细节问题,比如横向、纵向重复,背景位置等,需要在实际应用中细心体会和钻研,以后我们再慢慢分析。

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

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

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

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

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