/home/caleb/ASDV-WebDev/Assignments/lab6.2_CalebFontenot/public_html/clip/index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>CSS3 background-clip</title>
    <meta charset="utf-8">
    <style>

    .test {  background-image: url(myislandback.jpg);
     background-clip: cover;
     width: 120px;
     padding: 100px;
     margin-bottom: 10px;
     border: 10px dashed #000;
     }
    .test1 {  background-image: url(myislandback.jpg);
     background-clip: padding-box;
     width: 400px;
     padding: 20px;
     margin-bottom: 10px;
     border: 10px dashed #ff0000;
     }
    .test2 {  background-image: url(myislandback.jpg);
     background-clip: border-box;
     width: 400px;
     padding: 20px;
     margin-bottom: 10px;
     border: 10px dashed #ff0000;
     }

    </style>
    </head>
    <body>
    <div class="test">
    <h1>Tropical Island</h1>
    <p>
    Enjoy relaxing in the warm sunshine on your own tropical island retreat.
    </p>
    </div>
    <div class="test1">
    <h1>Tropical Island</h1>
    <p>
    Enjoy relaxing in the warm sunshine on your own tropical island retreat.
    </p>
    </div>
    <div class="test2">
    <h1>Tropical Island</h1>
    <p>
    Enjoy relaxing in the warm sunshine on your own tropical island retreat.
    </p>
    </div>
    </body>
    </html>