html dom style backgroundImage属性设置元素背景图片

分类:知识百科 日期: 点击:0

html dom style backgroundImage属性可以用来设置元素的背景图片。它可以让html元素显示背景图片,而不是默认的背景颜色。

使用方法

element.style.backgroundImage="url(images/bg.jpg)";

上面代码中,element表示要设置背景图片的html元素,images/bg.jpg表示要设置的背景图片。

backgroundImage属性可以直接在html元素中设置,也可以在css样式表中设置,在css样式表中,backgroundImage属性的语法如下:

element {
    background-image:url(images/bg.jpg);
}

上面代码中,element表示要设置背景图片的html元素,images/bg.jpg表示要设置的背景图片。

backgroundImage属性还可以设置背景图片的重复模式,如果背景图片宽度小于元素宽度,可以重复显示,可以设置重复模式为repeat-x,表示水平重复,或者repeat-y,表示垂直重复。

element {
    background-image:url(images/bg.jpg);
    background-repeat:repeat-x;
}

上面代码中,element表示要设置背景图片的html元素,images/bg.jpg表示要设置的背景图片,repeat-x表示水平重复。

backgroundImage属性还可以设置背景图片的显示位置,可以设置背景图片位置为top,表示顶部对齐,或者left,表示左侧对齐,或者center,表示居中对齐。

element {
    background-image:url(images/bg.jpg);
    background-position:top left;
}

上面代码中,element表示要设置背景图片的html元素,images/bg.jpg表示要设置的背景图片,top left表示顶部左侧对齐。

backgroundImage属性还可以设置背景图片的滚动模式,可以设置为scroll,表示图片滚动,或者fixed,表示图片不滚动。

element {
    background-image:url(images/bg.jpg);
    background-attachment:fixed;
}

上面代码中,element表示要设置背景图片的html元素,images/bg.jpg表示要设置的背景图片,fixed表示图片不滚动。

html dom style backgroundImage属性可以用来设置元素的背景图片,可以让html元素显示背景图片,而不是默认的背景颜色。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。