CSS Background Image Repeat

by VIvek Vaishnav

HTML

<body>

  <p>Praesent consequat sit amet augue ac placerat. Nam rutrum elit nisi, facilisis laoreet sem maximus ut. Praesent lobortis massa vitae enim dapibus interdum. Etiam elit erat, placerat vitae felis eu, finibus tristique arcu. Etiam gravida, ante id lobortis viverra, justo odio mollis ligula, eu pretium odio purus vel dui.</p>

  <ul>
    <li>This is unordered list</li>
    <li>Mauris tincidunt vulputate</li>
   
  </ul>

  <ol>

    <li>Ordered list</li>
     <li>facilisis laoreet sem maximus</li>
    <li>pharetra tellus lectus</li>
    <li>Etiam gravida</li>

    <li>list item</li>

  </ol>

</body>

CSS

p {
  background-image: url(http://bgrepeat.com/128/128-81.jpg);
  background-repeat: repeat;
}

ul {
  background-image: url(http://bgrepeat.com/128/128-208.jpg);
  background-repeat: repeat-x;
}

ol {
  background-image: url(http://bgrepeat.com/128/128-208.jpg);
  background-repeat: repeat-y;
}