css中background-image属性的作用是什么

Question

如题所述

Answer 1

设置背景图像的，可以把网页或部分网页（如div，如table）的背景设置成某个图片。
background-image: url(图片名);
这里的图片名包含路径，如果不正常显示，请查看路径是否有误。
这个属性一般配合background-repeat使用。
background-repeat:repeat-x; 背景图片在横向重复
background-repeat:repeat-y; 背景图片在纵向重复
background-repeat:no; 背景图片不重复

Answer 2

用来设置背景使用的图片，相关属性如下例子：
.demo {
background-image:url(images/demo.jpg); /*设置背景使用的图片*/
/*设置背景是否平铺，repeat-x：横向平铺，repeat-y纵向平铺，repeat：横纵平铺*/
background-repeat:no-repeat;
/*设置背景位置，在no-repeat的情况下使用*/
background-position:left top; /*背景居左置顶*/
}

Answer 3

设置背景图像。参数是

background-image:url(../img/111.jpg);

Answer 4

设置元素的背景图片

Answer 5

Vue实践-CSS样式position/display/float属性对比使用