HTML-COURSE/backgroundrepeat.html at main · shivanigireesh/HTML-COURSE · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!--Background Image on a page and BACKGROUND REPEAT
If u give background-repeat=no-repeat then the background wont repeat -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Background Image</title>
    <style>
        body {
            background-image: url('images/pikachu.png');
        }
    </style>
</head>
<body>
    <h2>This is the background image</h2>
    <p>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt veniam amet inventore ipsum consectetur sit tempore explicabo, excepturi ab ullam natus dolorem, reprehenderit repellat commodi quo facere sunt est aspernatur.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur dicta corporis saepe earum quo voluptates quaerat ab expedita eaque eligendi. Porro excepturi placeat tenetur sunt, cupiditate quasi voluptas provident earum.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis reiciendis obcaecati tenetur rerum vitae repellat ducimus! Dolor rerum eius rem impedit reprehenderit doloremque unde quos animi autem dicta, placeat velit.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet vero, dolorem aperiam tenetur sequi velit. Delectus eos animi libero repellendus. Minima iste repellat magnam accusantium vitae sed fugit amet ipsum?
    </p>
</body>
</html>