縮放背景圖片
background-size: 100px 100px; /* 設(shè)置圖片的尺寸*/
background-size: 100% auto; /* 瀏覽器會(huì)自動(dòng)設(shè)置寬度矫户，以保持不變的長(zhǎng)寬比*/
background-size: 100% 100%; /* 圖片將縮放琼懊，完全適應(yīng)背景*/
background-size: contain; /* 迫使圖片進(jìn)行尺寸調(diào)整，以保持圖片等長(zhǎng)寬比甜奄， 圖片會(huì)伸展黄鳍， 以適應(yīng)元素的高度或者寬度*/
background-size: cover; /* 為了適應(yīng)元素推姻， 圖片會(huì)進(jìn)行擠壓或者拉伸*/
使用多個(gè)背景圖片
?? 卷軸效果
background-image: url(scrollTop.jpg),
url(scrollBottom.jpg),
url(scrollMiddle.jpg);
background-repeat: no-repeat,
no-repeat,
repeat-y;
background: url(scrollTop.jpg) center top no-repeat,
url(scrollBottom.jpg) center bottom no-repeat,
url(scrollMiddle.jpg) center top repeat-y;
免費(fèi)的圖片
照片
https://morguefile.com/
www.sxc.hu
http://openphoto.net
http://searchcreativecommons.org
*www.flickr.com/creativecommons
http://picasaweb.google.com圖標(biāo)
*www.somerandomdude.com/work/sanscons平鋪圖案
*www.colourlovers.com/patterns
http://www.kollermedia.at/2004/09/17/pattern4u/
http://squidfingers.com/patterns制作平鋪背景
http://bgpatterns.com
www.stripegenerator.com
www.patterncooler.com
