Login
网站首页 > 文章中心 > 其它

backgroundimage用法_background image属性

作者:小编 更新时间:2023-07-19 07:21:06 浏览量:159人看过

设置元素的背景图片

设置背景图做桥像。参数是塌胡运团梁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属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章