Heim > Web-Frontend > HTML-Tutorial > CSS background 属性_html/css_WEB-ITnose

CSS background 属性_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:44:19
Original
1151 Leute haben es durchsucht

CSS 参考手册

实例

如何在一个声明中设置所有背景属性:

body  {   background: #00FF00 url(bgimage.gif) no-repeat fixed top;  }
Nach dem Login kopieren

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
         

所有浏览器都支持 background 属性。

注释:IE8 以及更早的浏览器不支持一个元素多个背景图像。

注释:IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

  • background-color
  • background-position
  • background-size
  • background-repeat
  • background-origin
  • background-clip
  • background-attachment
  • background-image
  • 如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

    通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

    默认值: 继承性: 版本: JavaScript 语法:
    not specified
    no
    CSS1 + CSS3
    object.style.background="white url(paper.gif) repeat-y"

    可能的值

    值 描述 CSS
    background-color 规定要使用的背景颜色。 1
    background-position 规定背景图像的位置。 1
    background-size 规定背景图片的尺寸。 3
    background-repeat 规定如何重复背景图像。 1
    background-origin 规定背景图片的定位区域。 3
    background-clip 规定背景的绘制区域。 3
    background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。 1
    background-image 规定要使用的背景图像。 1
    inherit 规定应该从父元素继承 background 属性的设置。 1

    亲自试一试 - 实例

    所有背景属性在一个声明之中 本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。

    相关页面

    CSS 教程:CSS 背景

    CSS3 教程:CSS3 背景

    HTML DOM 参考手册:background 属性

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage