背景学习

Background and Border Properties

1.background
body { background: #00ff00 url("smiley.gif") no-repeat fixed center; }
2.background-attachment
Sets whether a background image is fixed or scrolls with the rest of the page(设置背景图片是否是固定还是滚动)

3.background-color: yellow | #00ff00 | rgb(255,0,255);

4.background-position: center | left | right | bottom | top | 组合形式

5.background-repeat : repeat | repeat-x | repeat-y| no-repeat | initial | inherit;

6.background-clip: content-box; | border-box | padding-box (设置背景覆盖到的地方，可以是文本，padding，边框)

7.background-origin:(设置背景图片是从哪里开始的)
#myDIV { padding:25px; border:10px dotted #000000; background-image:url('smiley.gif'); background-origin:border-box; background-repeat:no-repeat; }

8.background-size: 90px 80px;