设置元素的背景图片
设置背景图做桥像。参数是塌胡运团梁background-image:url(../img/111.jpg);
设置背景图像的,可以把网页或部分网页(如div,如table)的背景设置成某个歼或图片。
background-image: url(图片名);
这里的图片名包含路径,如果不正常显示,请查看路径是否有误。
这个属性一般配合background-repeat使用。
background-repeat:repeat-x; 背景图片在横向重复
background-repeat:repeat-y; 背景图片辩改谨在纵向重复
background-repeat:no;背景图携基片不重复
使用简写属性时,属性值的塌敬缓顺序为:
background-color 背景颜色团模
background-image 背景图片 url( )
background-repeat 背景图片平铺
repeat 背景图像将向垂直和水平方向重复。这是默认
repeat-x 只有水平位置会重复背景图像
repeat-y 只有垂直位置会重复背景图像
no-repeat background-image不会重复
background-attachment 背景图片固定
scroll 背景图片随页面的其余部分滚动。这是默认
fixed 背景图像是固定稿歼的
background-position 背景图片定位
x% y% 第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是100%100%。如果仅指定了一个值,其他值将是50%,默认值为:0%0% |。
这两个值也可以是left,rigth和center。
xpos ypos 第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是像素(0px0px)或任何其他。如果仅指定了一个值,其他值将是50%。
大家知道ulr()中是填写路径:(现在假设背景图片名字叫做demo.jpg)
1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹
background-image:url(demo.jpg);
2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹梁握悔(abc)
background-image:url(abc/demo.jpg);
3、如果该css文件和橡正背景图片不在同一文件夹下,(背景图片在abc文件下,而abc文件夹和css文件所在文皮枣件夹并列)
background-image:url(../abc/demo.jpg);
以上就是土嘎嘎小编大虾米为大家整理的backgroundimage用法_background,image属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!