CSS Background Image Repeat

by VIvek Vaishnav

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<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>
    <li>magna id tempus </li>
    <li>condimentum</li>
    <li>odio nunc semper</li>
    <li>augue ac placerat</li>
    <li>Nam rutrum </li>
    <li>elit nis</li>
    <li>facilisis</li> 
    <li>laoreet</li>
   
  </ul>

  <ol>

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

    <li>list item</li>

  </ol>

</body>

</html>

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;
}