Самоучитель CSS > Фон > Повтор фонового изображения

Повтор фонового изображения

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Название документа</title>
    <style>
      body {
        background-image: url('../img_tree.gif');
        background-repeat: no-repeat;
        padding-left: 200px; /*отступ от левого края равный ширине картинки*/
      }
    </style>
  </head>
 
  <body>
 
    <h1>Украсим страничку фоновым изображением!</h1>
    <p>При добавлении изображения к фону элемента, текст может наехать на него, что может
    испортить впечатление от страницы. Для того, чтобы этого не случилось, для всех
     элементов был добавлен отступ от левого края, равный ширине картинки.</p>
 
  </body>
</html>

Результат:

Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.