How long can a background-image be?

by

You can do it by creating a div class call it bg for example:

.bg {
    /* The image used */
    background-image: url("image.png");   

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

Now that we have set the div class we need to use it

<body>
    <div class="bg">
        /* place page contents here */
    </div>
</body>

More Related Contents:

  1. How to Create Border In Css Iike
  2. change the menu font size
  3. My webpage doesnt scroll down
  4. Some styles don’t work on CSS so I have to add them in HTML
  5. Is there any way to change input type=”date” format?
  6. Data protocol URL size limitations
  7. Changing image on hover with CSS/HTML
  8. How to target a specific column or row in CSS Grid Layout?
  9. CSS3 Transform Skew One Side
  10. Get second line of bullet item to indent as first part – not underneath the bullet?
  11. Best practices for styling HTML emails [closed]
  12. Why does my header moves down when I set it fixed?
  13. How to style a checkbox using CSS
  14. How is Github Changing Pages and the URL so smoothly without AJAX?
  15. Font Awesome icon inside text input element
  16. Custom bullet symbol for elements in that is a regular character, and not an image
  17. How do I add a “search” button in a text input field?
  18. heading with horizontal line on either side [duplicate]
  19. Fill remaining vertical space – only CSS
  20. CSS Background image not loading
  21. Pure CSS Continuous Horizontal Text Scroll Without Break
  22. Change checkbox check image to custom image
  23. Flexbox, z-index & position: static: Why isn’t it working?
  24. What are the CSS properties that get elements out of the normal flow?
  25. How to completely remove borders from HTML table
  26. header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
  27. How to make a flex item not fill the height of the flex container? [duplicate]
  28. Complete list of reasons why a css file might not be working
  29. What is HTML’s tag default display type?
  30. How to create a heart shape using CSS?

Leave a Comment