Chapter 8背景画像

1200 ワード

背景画像のズーム
background-size: 100px 100px; /*        */
background-size: 100% auto; /*           ,         */
background-size: 100% 100%; /*      ,      */
background-size: contain; /*           ,         ,      ,             */
background-size: cover; /*       ,            */

複数の背景画像を使用
スプール効果
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;

無料の画像
  • 写真https://morguefile.com/www.sxc.hu http://openphoto.net http://searchcreativecommons.org *www.flickr.com/creativecommons http://picasaweb.google.com
  • アイコン*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