Position relative and background-color to cover whole page - HTML CSS CSS Property

HTML CSS examples for CSS Property:background-color

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. background-color

Description

Position relative and background-color to cover whole page

Demo Code

ResultView the demo in separate window 

<html style="min-height:100%;">
 <head></head> 
 <body style="background: linear-gradient(to bottom, #6699ff -13%, #00ffff 133%) repeat-x;"> 
  <br> 
  <div></div> 
  <div style="position:relative;max-width:50%;margin:20px auto;"> 
   <div style="position:absolute;top:0;left:0;" class="usage">
     Istruzioni: <!--from  w w  w  .j  av  a2  s. c  om-->
    <br> asdf asdf asdf asdf asdf asdf asdf asdf 
   </div> 
   <div style="position:absolute;top:0;right:0;" class="usage">
     asdf asdf asdf asd fasdf asdf asdf 
    <br> More printing 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials