/*One-valuesyntax*/background-repeat:repeat-x;background-repeat:repeat-y;background-repeat:repeat;background-repeat
background,background-attachment,background-clip,background-image,background-origin,background-position,background-repeat
可用于对一个或多个设置值:background-clip,background-color,background-image,background-origin,background-position,background-repeat
background其手写属性:background-color,background-clip,background-image,background-origin,background-position,background-repeat
background-image background-origin background-position background-position-x background-position-y background-repeat
所有的背景相关的属性:background-color,background-clip,background-image,background-origin,background-position,background-repeat
("https://mdn.mozillademos.org/files/12059/startransparent.gif");background-attachment:fixed,scroll;background-repeat
background-origin:content-box;} #example2{border:4pxsolidblack;padding:10px;background:url('image.gif');background-repeat
例如,该CSSbackground属性是一个简写属性,是能够确定的值background-color,background-image,background-repeat,和background-position
背景在这意味着与背景图像的每个片段独立地得出background-repeat:no-repeat可以被重复多次。
:100%;}body{background-image:url('http://lorempixel.com/400/200/');background-position:centercenter;background-repeat
:background,background-color,background-image,background-clip,background-origin,background-position,background-repeat
><divclass="examplethree">ExampleThree
94px;background-color:#DDD;background-image:url('https://mdn.mozillademos.org/files/6025/grain.png');background-repeat
:url("https://mdn.mozillademos.org/files/6037/drop_arrow_icon.png");background-position:rightcenter;background-repeat
background-image:url("https://mdn.mozillademos.org/files/5683/disabled.png");background-position:centercenter;background-repeat