Scribd Logo
Upload

Welcome to Scribd!

  • 3.HTML Program To Create 5 Paragraphs With Different Background Pictures

    Uploaded by

    ranjana.gcet
    3 views2 pages
    html pro

    Original Title

    p3

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html pro

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views2 pages

    3.HTML Program To Create 5 Paragraphs With Different Background Pictures

    Uploaded by

    ranjana.gcet
    html pro

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    3.

    HTML program to create 5 paragraphs with different


    background pictures
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Paragraphs with Different Background Pictures</title>
    <style>
    /* CSS for paragraph background images */
    .bg-image1 {
    background-image: url('image1.jpg'); /* Replace 'image1.jpg' with your image
    file path */
    background-size: cover;
    color: white; /* Ensuring text is visible against the background */
    padding: 20px; /* Adding some padding for better visibility */
    }

    .bg-image2 {
    background-image: url('image2.jpg'); /* Replace 'image2.jpg' with your image
    file path */
    background-size: cover;
    color: white; /* Ensuring text is visible against the background */
    padding: 20px; /* Adding some padding for better visibility */
    }
    /* Define similar classes for other images if needed */
    </style>
    </head>
    <body>
    <!-- Paragraphs with different background pictures -->
    <p class="bg-image1">This is a paragraph with background image 1.</p>
    <p class="bg-image2">This is a paragraph with background image 2.</p>
    <!-- Add more paragraphs with different background images as needed -->

    </body>
    </html>

    You might also like