ACTIVITY 2.1 USING RBGA COLOR VALUES


 <!DOCTYPE html>

<html>

    <head>

        <title>rgba property</title>

        <style>

            h1 {

                color: green;

            }

            h1, h2 {

                text-align: center;

            }

            div {

                background: rgb(0, 151, 19);

                padding: 10px;

                text-align:justify; 

            }

      

            div.first {

                /*setting alpha = 0.1*/

                background: rgba(0, 151, 19, 0.1);

            }

      

            div.second {

                /*setting alpha = 0.3*/

                background: rgba(0, 151, 19, 0.3);

            }

      

            div.third {

                /*setting alpha = 0.6*/

                background: rgba(0, 151, 19, 0.6);

            }

        </style>

    </head>

    <body>

        <h1>ACTIVITY 2.1</h1>

        <h2>Using RGBA color values:</h2>

        <div class="first">

            <p>This paragraph is shown at 10% opacity.</p></div>

        <div class="second">

            <p>This paragraph is shown at 30% opacity.</p></div>

        <div class="third">

            <p>This paragraph is shown at 60% opacity.</p></div>

        <div><p>This is default.</p></div>

    </body>

</html>                    

Comments

Popular posts from this blog

publishing of multimedia presentation