通过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背景图片代码即可,如图所示。