bakciground:#ccc url() no-repeat fixed 0 0 ;
背景顏色
背景圖片
是否重復(fù)展氓？
是否固定/滾動(dòng)？
偏移xy 設(shè)置窗口的大小
background-size: 100px 100px; 設(shè)置圖片的樣式
contain 等比拉伸
cover 不變裁剪
1、背景顏色 background-color:
2、把圖像設(shè)置成背景 background-image:url()
3、背景圖像起始位置偏移 background-position: [x y x% y% top center bottom left right] 默認(rèn)左上角
4、背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng) background-attachment: [fixed]
5桅锄、背景圖片重復(fù) bakcground-repeat:no-repeat [ repeat-x repeat-y repeat ]
CSS背景
background-origin: padding-box || border-box || cintent-box 屬性相對(duì)什么位置來定位
background-clip: padding-box || border-box || cintent-box 背景圖片的繪制剪切位置
background:url(http://) 0 0 no-repeat,
url(http://) 0 0 no-repeat,
url(http://) 0 0 no-repeat; 多背景
