Háttérképek CSS-sel

Háttérkép


      background-image:url(ball.gif);
      background-color:#eee;
  

Nem ismétlődő háttérkép


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-color:#eee;
  

Vízszintesen ismételt háttérkép


      background-image:url(ball.gif);
      background-repeat:repeat-x;
      background-color:#eee;
  

Függőlegesen ismételt háttérkép


      background-image:url(ball.gif);
      background-repeat:repeat-y;
      background-color:#eee;
  

Felülre helyezett, nem ismétlődő háttérkép


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-color:#eee;
      background-position:top left;
  

Alulra helyezett, nem ismétlődő háttérkép


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-color:#eee;
      background-position:bottom left;
  

Középre helyezett, nem ismétlődő háttérkép


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-color:#eee;
      background-position:center left;
  

Mindkét irányban középre helyezett, nem ismétlődő háttérkép


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-color:#eee;
      background-position:center center;
  

Jobbra igazított, nem ismétlődő háttérkép


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-color:#eee;
      background-position:center right;