HTML/Chapter/Ch. 6 hands-on assignments/Ch6_msglm/gradientch6/6.10.index.radial.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Practice with Gradients</title>
        <meta charset="utf-8">
        <style>
body { 
    background-color: #DA70D6; 
    background-image: radial-gradient(#FFFFFF, #DA70D6);
    background-repeat: no-repeat; 
}
        </style>
    </head>
    <body>
        <h1>Linear Gradient</h1>
        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
        <h2>Heading 2</h2>
        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>
        <h2>Heading 2</h2>
        <p>This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content. This is content.</p>

    </body>
</html>