Set background picture to left top corner, no repeat and scroll - HTML CSS CSS Property

HTML CSS examples for CSS Property:background

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

Description

Set background picture to left top corner, no repeat and scroll

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <style type="text/css">
body {<!--from   ww w .j a va2  s  .co  m-->
   background:url(https://www.java2s.com/style/demo/Opera.png) no-repeat scroll left top ;
}
.right {float:right}

.width40 { width:40%}

      </style> 
   </head> 
   <body> 
      <div class="big-container"> 
         <div class="right bgFFF width40">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra pellentesque velit in mollis. Aliquam vitae consequat urna. Ut porttitor, eros a mollis pellentesque, lorem metus eleifend sem, non interdum nisi libero congue odio. Nam vitae massa vel ante euismod bibendum ac sit amet dui. Sed vitae sagittis leo. Nullam id sapien diam, id suscipit leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra pellentesque velit in mollis. Aliquam vitae consequat urna. Ut porttitor, eros a mollis pellentesque, lorem metus eleifend sem, non interdum nisi libero congue odio. Nam vitae massa vel ante euismod bibendum ac sit amet dui. Sed vitae sagittis leo. Nullam id sapien diam, id suscipit leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra pellentesque velit in mollis. Aliquam vitae consequat urna. Ut porttitor, eros a mollis pellentesque, lorem metus eleifend sem, non interdum nisi libero congue odio. Nam vitae massa vel ante euismod bibendum ac sit amet dui. Sed vitae sagittis leo. Nullam id sapien diam, id suscipit leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra pellentesque velit in mollis. Aliquam vitae consequat urna. Ut porttitor, eros a mollis pellentesque, lorem metus eleifend sem, non interdum nisi libero congue odio. Nam vitae massa vel ante euismod bibendum ac sit amet dui. Sed vitae sagittis leo. Nullam id sapien diam, id suscipit leo. 
         </div> 
      </div>  
   </body>
</html>

Related Tutorials