CSS z-index property

on

 <!DOCTYPE html>

<html>

    <head>

        <title>Page Title</title>

        <style>

            .blue { 

    background-color: #8EC4D0; 

    position: relative;

    color: #FFF;

    margin-bottom: 15px;

    width: 120px;

    height: 120px;

    z-index:3;

}


.red {


    background-color: #FF4D4D; 

    position: relative;

    width: 120px;

    height: 120px;

    color: #FFF;

    margin-top: -50px;

    margin-left: 50px;

    z-index:2;


}

        </style>

    </head>

    <body>

        <div class="blue">Blue</div>

        <div class="red">Red</div>

        

    </body>

</html>


OUTPUT




Comments

Post a Comment