最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSSbackground-image属性_html/css

来源:动视网 责编:小采 时间:2020-11-27 16:14:26
文档

CSSbackground-image属性_html/css

CSSbackground-image属性_html/css_WEB-ITnose:background-image属性的定义和用法:设置或检索对象的背景图像。当背景图像与背景颜色(background-color )都被设定了时,背景图片将覆盖于背景颜色之上。对应的脚本特性为backgroundImage。语法结构: background-image:none|
推荐度:
导读CSSbackground-image属性_html/css_WEB-ITnose:background-image属性的定义和用法:设置或检索对象的背景图像。当背景图像与背景颜色(background-color )都被设定了时,背景图片将覆盖于背景颜色之上。对应的脚本特性为backgroundImage。语法结构: background-image:none|

background-image属性的定义和用法:
设置或检索对象的背景图像。
当背景图像与背景颜色(background-color )都被设定了时,背景图片将覆盖于背景颜色之上。
对应的脚本特性为backgroundImage。
语法结构:

background-image:none|||||

取值:
none:无背景图,默认值。
:使用绝对或相对地址指定背景图像。
:使用线性渐变创建背景图像。(CSS3)
:使用径向(放射性)渐变创建背景图像。(CSS3)
:使用重复的线性渐变创建背景图像。(CSS3)
:使用重复的径向(放射性)渐变创建背景图像。(CSS3)
浏览器支持:
IE浏览器支持此属性。
火狐浏览器支持此属性。
谷歌浏览器支持此属性。
opera浏览器支持此属性。
特别说明:1.IE8及更早浏览器不支持CSS3 background-image,即不支持多背景和使用渐变作为背景图像。
2.IE9不支持CSS3新增参数值:||作为背景图像。
3.Opera11.50-11.51不支持CSS3新增参数值:作为背景图像。
继承性:
无继承性。
实例代码:

CSS教程 
  • 使用url()引入背景图像

    使用url()可以是绝对或相对路径

  • 使用渐变绘制背景图像

    渐变种类有:linear-gradient, radial-gradient, repeating-linear-gradient, repeating-radial-gradient

  • 多重背景图

    多重背景图可以是url()或gradient的混合方式

  • 原文地址是:CSS background-image属性一章节。

    更多css知识可以参阅http://www.softwhy.com/divcss/

    文档

    CSSbackground-image属性_html/css

    CSSbackground-image属性_html/css_WEB-ITnose:background-image属性的定义和用法:设置或检索对象的背景图像。当背景图像与背景颜色(background-color )都被设定了时,背景图片将覆盖于背景颜色之上。对应的脚本特性为backgroundImage。语法结构: background-image:none|
    推荐度:
    标签: 属性 css ht
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top